Warning:
This wiki has been archived and is now read-only.

CSS2/text

From HTML5 Chinese Interest Group Wiki
Jump to: navigation, search

文本

内容概要

缩进:‘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'。

对齐:‘text-align’属性

修饰

下划线、上划线、着重号及闪烁:‘text-decoration’属性

字母及单词间距:‘letter-spacing’‘word-spacing’属性

大写:‘text-transform’属性

空格:‘white-space’属性

‘white-space’处理模型

折叠空格的双向实例

控制并整合字符细节