CSS text-indent 属性

CSS text-indent 属性能定义一个块元素首行文本内容之前的缩进量。


实例

将段落的第一行缩进 50 像素:

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. p {text-indent: 1cm}
  5. </style>
  6. </head>
  7. <body>
  8. <p>
  9. 这是段落中的一些文本。
  10. 这是段落中的一些文本。
  11. 这是段落中的一些文本。
  12. 这是段落中的一些文本。
  13. 这是段落中的一些文本。
  14. 这是段落中的一些文本。
  15. 这是段落中的一些文本。
  16. 这是段落中的一些文本。
  17. 这是段落中的一些文本。
  18. 这是段落中的一些文本。
  19. 这是段落中的一些文本。
  20. 这是段落中的一些文本。
  21. </p>
  22. </body>
  23. </html>

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

属性
text-indent1.03.01.01.03.5

定义

text-indent 属性规定文本块中首行文本的缩进。

注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。

注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。

说明

用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。

默认值:not specified
继承性:yes
版本:CSS1
JavaScript 语法:object.style.textIndent="50px"

可能的值

描述
length定义固定的缩进。默认值:0。
%定义基于父元素宽度的百分比的缩进。
inherit规定应该从父元素继承 text-indent 属性的值。

相关页面

CSS 教程:CSS 文本

分类导航