display

display版本：CSS1/CSS2　   兼容性：IE4+   NS4+　继承性：无   
      
语法：     
      
display   :   block   |   none   |   inline   |   compact   |   marker   |   inline-table   |   list-item   |   run-in   |   table   |table-caption   |   table-cell   |   table-column   |   table-column-group   |   table-footer-group   |   table-header-group   |   table-row   |   table-row-group     
      
参数：     
      
block   :   　CSS1　块对象的默认值。用该值为对象之后添加新行     
none   :   　CSS1　隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间     
inline   :   　CSS1　内联对象的默认值。用该值将从对象中删除行     
compact   :   　CSS2　分配对象为块对象或基于内容之上的内联对象     
marker   :   　CSS2　指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before   伪元素一起使用     
inline-table   :   　CSS2　将表格显示为无前后换行的内联对象或内联容器     
list-item   :   　CSS1　将块对象指定为列表项目。并可以添加可选项目标志     
run-in   :   　CSS2　分配对象为块对象或基于内容之上的内联对象     
table   :   　CSS2　将对象作为块元素级的表格显示     
table-caption   :   　CSS2　将对象作为表格标题显示     
table-cell   :   　CSS2　将对象作为表格单元格显示     
table-column   :   　CSS2　将对象作为表格列显示     
table-column-group   :   　CSS2　将对象作为表格列组显示     
table-header-group   :   　CSS2　将对象作为表格标题组显示     
table-footer-group   :   　CSS2　将对象作为表格脚注组显示     
table-row   :   　CSS2　将对象作为表格行显示     
table-row-group   :   　CSS2　将对象作为表格行组显示     
      
说明：     
      
设置或检索对象是否及如何显示。   
目前   IE5.5仅支持以上CSS1的参数。     
对应的脚本特性为display。请参阅我编写的其他书目。

下面给个例子：
<script language="JavaScript">
function show(i){     
if (i.style.display == "none") {     
   i.style.display = "";     
}
else{     
   i.style.display = "none";     
}     
}      
</script>

在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示，在style.display=block和style.visibility=visible的时候，元素被显示，在style.display=none和style.visibility=hidden的时候，元素被隐藏。它们之间最大的区别是通过style.display=none隐藏的时候，元素不占据原来的位置，从文档流中脱离，后续的元素填补其位置。通过style.visibility=hidden隐藏的时候，元素仍然占据原来的位置，只是被隐藏。