CSS - text-indent 属性



CSS text-indent 属性设置文本第一行的缩进,即块级元素中第一行文本与边距的距离。

可能的值

  • length:任何特定长度 {像素 (px)、点 (pt)、ems (em) 等}。默认值为 0。
  • percentage (%):传递的值与父元素宽度的百分比有关。
  • initial:将文本缩进设置为其默认值。
  • inherit:允许从其父元素继承 text-indent 值。

适用于

所有块级元素。

DOM 语法


object.style.textIndent = "20px";

CSS 文本缩进 - 基本示例

下面是一个示例:


<html>
<head>
</head>
<body>
	 	<h2>Text indentation</h2>
	 	 	 <p style="text-indent: 2cm;">Text indentation at 2 cm.</p>
	 	 	 <p style="text-indent: 2in;">Text indentation at 2 inches.</p>
	 	 	 <p satyle="text-indent: 20%;">Text indentation at 20%.</p>
</body>
</html>