CSS属性 display 显示属性
2008-10-31 11:41
633 查看
说明
演示示例 visibility 属性?该CSS属性用来设定对象如何显示。的缺省值都为 inline。值:block | none | inline | inline-block | list-item | table-headerarw("?H", ark1);-group | table-footer-group | inherit可用值 | 值的说明 |
block | 象块类型元素一样显示。 |
none | 缺省值。向行内元素类型一样显示。 |
inline-block | 象行内元素一样显示,但其内容象块类型元素一样显示。 |
list-item | 象块类型元素一样显示arw("+4d", ark4);,并添加样式列表标记。 |
table-header-group | 显示在任何表格行和行组合之前,在头部标题之后arw(")yI", ark1);。 |
table-footer-group | 显示在任何表格行和行组合之后,在底部标题前。 |
元素 | display 属性值 |
ADDRESS | block |
BLOCKQUOTE | block |
BODY | block |
CENTER | block |
COL | block |
COLGROUP | block |
DD | block |
DIR | block |
DIV | block |
DL | block |
DT | block |
FIELDSET | block |
FORM | block |
FRAME | none |
hn | block |
HR | block |
IFRAME | block |
LEGEND | block |
LI | list-item |
LISTING | block |
MARQUEE | block |
MENU | block |
OL | block |
P | block |
PLAINTEXT | block |
PRE | block |
TABLE | block |
TBODY | none |
TD | block |
TFOOT | none |
TH | block |
THEAD | none |
TR | block |
UL | block |
XMP | block |
对象就是一个块类型元素 (block element),而 span 对象则是一个行内元素 (inline element)。Block
元素另起一行,并可以包含其它 block 元素和 inline 元素。Inline 元素则不会另起一行,inline 元素包含其它
inline 元素或者数据。改变 display元素会影响周围的内容:将元素设为 block,会在该元素后换行arw("(3B", ark0);。
将元素设为 inline,会消除元素换行。
将元素设为 none,隐藏该元素内容。
对比 visibility 属性, display 值设为 none 时,会消除该元素占据的空间。
示例代码
div {displayarw("?4", ark5);:none;}下面的代码显示了 display 属性中block, inlinearw("?G", ark5);, none的区别arw("$P^", ark7);。<html>
<head><title>不同display属性的代码示例</title></head>
<body>
<P><SPAN id="oSpanarw("@xyxjlA", ark7);" style="background-color: #CFCFCF;">This is a SPAN</SPAN> in a sentence.</P>
<P>
<input typearw("?D", ark6);=button value="Inline" onclick="oSpan.style.display='inline'">
<input type=button value="Block" onclickarw("?3=o8^a7v", ark5);="oSpan.style.display='blockarw("@w=VhmnW3@xYyE", ark7);'">
arw("@xtyE", ark7);<input type=button value="None" onclick="oSpanarw("@h", ark0);.style.display='none'">
</P>
</body>
</html>
演示示例
继承
否适用于
演示示例 该CSS属性用来设定对象如何显示。对象则是一个行内元素arw(")yI", ark1);。所有元素作者或编者:布啦布啦 最近更新日期:2007-05-01
参考来源:www.BlaBla.cn 布啦布啦网页教程与代码
相关文章推荐
- CSS的display属性,显示或隐藏元素
- CSS——display显示属性
- CSS属性 display 显示属性
- css显示属性(display)block和inline的区别
- CSS--display属性修改标签的显示类型
- CSS布局 ——从display,position, float属性谈起
- 关于CSS属性display:none和visible:hidden的区别
- jquery控制css的display(控制元素的显示与隐藏)
- CSS:display属性
- css中的display属性
- 基于CSS属性display:table的表格布局的使用
- CSS中样式 display 属性 inline,block及inline-block
- CSS—display属性
- javaScript隐藏与显示visibility和display属性的区别
- css中的display属性
- CSS DIV中Visibility和Display属性的区别
- 基于CSS属性display:table的表格布局的使用
- CSS中样式 display 属性 inline,block及inline-block
- 详解css中的display属性
- CSS Display(显示) 与 Visibility(可见性)