码云前端开发 2021-07-20

CSS text-indent 属性

文章目录隐藏

属性定义及使用说明
属性值
浏览器支持
实例
相关文章

属性定义及使用说明

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

注意： 负值是允许的。如果值是负数，将第一行左缩进。

默认值：	0
继承：	yes
版本：	CSS1
JavaScript 语法：	object.style.textIndent=”50px”

属性值

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

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性
text-indent	1.0	3.0	1.0	1.0	3.5

实例

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

<style>
    p {text-indent:50px;}
</style>
</head>
<body>
    <p>在我更年轻、更脆弱的年代，
    父亲给了我一些建议，从那时起我就一直在想这些建议他对我说，
    每当你想批评任何人时，只要记住，这个世界上所有的人都没有你所拥有的优势</p>
</body>

效果如下：