当前位置：首页 > 文档资料 > CSS 入门教程 >

text-indent

优质

小牛编辑

122浏览

2023-12-01

描述 (Description)

text-indent属性定义块级元素中第一行文本的缩进距离。

可能的值 (Possible Values)

length - 任何长度值。酒店允许负长度，并产生“悬挂缩进”效果。
percentage - 第一行文本缩进相对于元素包含块宽度的距离。

适用于 (Applies to)

所有块级元素。

DOM语法 (DOM Syntax)

object.style.textIndent = "20px";

例子 (Example)

以下是演示如何缩进段落第一行的示例 -

<html>
   <head>
   </head>
   <body>
      <p <b>style = "text-indent:1cm;"</b>>
         This text will have first line indented by 1cm 
      </p>
      <p <b>style = "text-indent:1cm;"</b>>
         this line will remain at its actual position this is done by 
         CSS text-indent property.
      </p>
   </body>
</html>

这将产生以下结果 -

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。