Warning:
This wiki has been archived and is now read-only.
CSS2/text
From HTML5 Chinese Interest Group Wiki
< CSS2
文本
内容概要
- 16.1 缩进:‘text-indent’属性
- 16.2 对齐:‘text-align’属性
- 16.3 修饰
- 16.4 字母及单词间距:‘letter-spacing’及‘word-spacing’属性
- 16.5 大写:‘text-transform’属性
- 16.6 空格:‘white-space’属性
缩进:‘text-indent’属性
'text-indent'
初始值: 0
适用于: 块级容器
可继承: yes
百分比: 涉及到包含的块的宽度
媒介: 可视的
计算值: 指定百分比或者绝对长度
此属性指定块级容器中第一行字体的缩进。更精确地说,它指定第一个盒子的缩进,流入块容器的第一个行内盒子。行盒的左边会有缩进(右至左的布局时,右边有缩进)。用户代理必须把缩进渲染成空白。
‘Text-indent’仅仅影响元素的第一格式化的行。例如,如果匿名块级盒子的第一行是父元素的第一个孩子,仅有它受影响。
值有以下含义:
<长度> 缩进是个固定的长度。
<百分比> 缩进是包含它的块的宽度的百分比。
'text-indent'的值可以使负值,但是可能有实现特定的限制。如果'text-indent'的值是负的并且超出了块容器的宽度,以上描述的第一个盒子可以溢出块容器。'overflow'的值将影响超出块容器的字体的显示。
以下的例子有‘3em’的文本缩进
p { text-indent: 3em }
注意:由于'text-indent'属性是可继承的,当指定到一个块级元素上,它将影响后裔inline-block元素。由于这个原因,一个元素指定了'display:inline-block',明智的作法是再加个'text-indent: 0'。