text-indent屬性用于設置文本的縮進,即在每行文本的第一個字符前添加空白的距離。
語法:
text-indent: length | percentage | inherit;
屬性值:
- length:指定以長度單位(如px、em)設置的縮進值。正值表示向右縮進,負值表示向左縮進。
- percentage:指定以父元素寬度的百分比設置的縮進值。正值表示向右縮進,負值表示向左縮進。
- inherit:繼承父元素的text-indent屬性值。
示例:
p {
text-indent: 2em;
}
上述示例將段落的第一行文本縮進兩個字母的寬度。
注意事項:
- text-indent只作用于第一行文本,不會影響其他行的文本。
- 如果文本換行,換行的行也會應用text-indent屬性。
- text-indent屬性對于內聯元素無效,只對塊級元素生效。
- 如果文本中包含了換行符(\n)或者
標簽,每一行的第一個字符都會應用text-indent屬性。
綜上所述,text-indent屬性可以用于設置文本的縮進,使文本在顯示時具有更好的可讀性和排版效果。