text-indent
- 版本:CSS1/3
- 2018.4.8
语法:
text-indent:[ <length> | <percentage> ] && hanging? && each-line?
默认值:0
适用于:块容器
继承性:有
动画性:当使用值为非关键字时
计算值:指定值
媒 体:视觉
取值:
- <length>:
- 用长度值指定文本的缩进。可以为负值。
- <percentage>:
- 用百分比指定文本的缩进。可以为负值。
- each-line:
- 定义缩进作用在块容器的第一行或者内部的每个强制换行的首行,软换行不受影响。(CSS3)
- hanging:
- 反向所有被缩进作用的行。(CSS3)
说明:
定义块内文本内容的缩进。
- 行内元素要使用该属性必须先定义该元素为块级或行内块级。
-
hanging
和each-line
关键字紧随在缩进数值之后示例代码:
div { text-indent: 2em each-line; }
以上代码将使得 div 内部的每个块级文本内容的第一行及每个强制换行的首行都拥有 2em 的缩进
- 对应的脚本特性为:textIndent。
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 8.0+ | 40.0+ | 40.0+ | 8.0+ | 40.0+ | 8.0+ | 4.4+ | 28.0+ |
hanging | each-line | 8.0-16.0 | 40.0-59.0 | 40.0-65.0 | 8.0-11.0 | 40.0-50.0 | 8.0-11.3 | 4.4-62.0 | 28.0-64.0 |