CSS text-indent属性

CSS text-indent属性用于设置段落的缩进。

语法

text-indent: length|initial|inherit;

• length：指定段落首行的缩进距离，可以使用任何CSS长度单位；
• initial：将属性重置为其默认值；
• inherit：从父元素继承属性值。

具体应用

1. 指定段落首行缩进距离

通过设置text-indent属性可以控制段落首行的缩进距离。例如，要设置段落的首行缩进为20px：

p {
	text-indent: 20px;
}

2. 取消段落首行缩进

如果要取消段落的首行缩进，可以将text-indent属性设置为0：

p {
	text-indent: 0;
}

3. 使用负值实现悬挂缩进

有时候需要将首行之外的文本缩进，而不是首行。这时候可以通过使用负值来实现这一效果：

p {
	text-indent: -20px;
}

这将导致段落的首行悬挂在左侧，而其他行则向右缩进20px。

注意事项

• 设置text-indent属性仅对块级元素（如p、h1-h6等）有效；
• 如果希望使用text-indent属性来控制首行的对齐方式，应该结合text-align属性使用；
• 在CSS中，缩进通常建议通过使用padding、margin等属性来实现，而text-indent主要用于设置段落的首行缩进效果。

以上就是CSS text-indent属性的介绍，希望对您有所帮助。