CSS text-indent屬性規定文本塊中首行文本的縮進。
定義和套用,瀏覽器支持,可能的值,TIY 實例,
定義和套用
text-indent 屬性規定文本塊中首行文本的縮進。
注釋:允許使用負值。如果使用負值,那么首行會被縮進到左邊。
注意:在 CSS 2.1 之前,text-indent 總是繼承計算值,而不是聲明值。
用於定義塊級元素中第一個內容行的縮進。這最常用於建立一個“標籤頁”效果。允許指定負值,這會產生一種“懸掛縮進”的效果。
默認值: | not specified |
---|---|
繼承性: | yes |
版本: | CSS1 |
JavaScript 語法: | object.style.textIndent="50px" |
將段落的第一行縮進 50 像素:
p {text-indent:50px;}
瀏覽器支持
所有瀏覽器都支持 text-indent 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
可能的值
值 | 描述 |
---|---|
length | 定義固定的縮進。默認值:0。 |
% | 定義基於父元素寬度的百分比的縮進。 |
inherit | 規定應該從父元素繼承 text-indent 屬性的值。 |
TIY 實例
縮進文本
本例演示如何縮進文本首行。
<html>
<head>
<style type="text/css">
p {text-indent: 1cm}
</style>
</head>
<body>
<p>
這是段落中的一些文本。
這是段落中的一些文本。
這是段落中的一些文本。
這是段落中的一些文本。
</p>
</body>
</html>