7.6. CSS text-indent 属性

text-indent -- 定义文本首行的缩进(在首行文字之前插入指定的长度)
  • 取值: <length> | <percentage> | inherit
    • <length>: 长度表示法
    • <percentage>: 百分比表示法
    • inherit: 继承
  • 初始值: 0
  • 继承性: 是
  • 适用于: 所有元素
  • text:文本.indent:缩进.
  • 引用网址:http://www.dreamdu.com/css/property_text_indent/

示例

p
{
	text-indent:58%;
}

如果段落p的父级元素是body，那么段落p第一行的缩进总是相对于body元素的58%(什么是父级元素我将在CSS高级教程中介绍).

p#indent
{
	text-indent:2em;
}

p#unindent
{
	text-indent:-2em;
}

正值向后缩,负值向前进.

CSS text-indent 属性示例 -- 可以尝试编辑

说明:

  • 首行缩进等价于在首行文字之前插入一段指定的距离.
  • 把文本缩进text-indent用在p标签中,可以实现每个段落的首行缩进两个文字.对中文来说是非常有用的,从而使我们摆脱使用空格进行首行缩进时代:).
  • 当使用百分比做为值的时候,缩进总是相对于父级元素的大小.

参考

From "CSS text-indent 属性 - CSS文本 - CSS教程"