CSS text-indent 属性

实例

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

  1. p
  2.   {
  3.   text-indent:50px;
  4.   }

浏览器支持


IE Firefox Chrome Safari Opera
ie firefox chrome safari opera

所有浏览器都支持 text-indent 属性。

注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

定义

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

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

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

说明

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

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

可能的值

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

实例

缩进文本

本例演示如何缩进文本首行。 

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

相关页面

CSS 教程：CSS 文本

HTML DOM 参考手册：textIndent 属性