CSS text-indent 屬性 · W3School CSS 參考手冊

# CSS text-indent 屬性 ## 實例將段落的第一行縮進 50 像素： ``` p { text-indent:50px; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 text-indent 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義 text-indent 屬性規定文本塊中首行文本的縮進。注釋：允許使用負值。如果使用負值，那么首行會被縮進到左邊。注意：在 CSS 2.1 之前，text-indent 總是繼承計算值，而不是聲明值。 ### 說明用于定義塊級元素中第一個內容行的縮進。這最常用于建立一個“標簽頁”效果。允許指定負值，這會產生一種“懸掛縮進”的效果。 | 默認值： | _not specified_ | | --- | --- | | 繼承性： | yes | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.textIndent="50px" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | _length_ | 定義固定的縮進。默認值：0。 | | _%_ | 定義基于父元素寬度的百分比的縮進。 | | inherit | 規定應該從父元素繼承 text-indent 屬性的值。 | ## TIY 實例 [縮進文本](/tiy/t.asp?f=csse_text-indent) 本例演示如何縮進文本首行。 ``` <html> <head> <style type="text/css"> p {text-indent: 1cm} </style> </head> <body> <p> 這是段落中的一些文本。這是段落中的一些文本。這是段落中的一些文本。這是段落中的一些文本。這是段落中的一些文本。這是段落中的一些文本。這是段落中的一些文本。這是段落中的一些文本。這是段落中的一些文本。這是段落中的一些文本。這是段落中的一些文本。這是段落中的一些文本。 </p> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 文本](/css/css_text.asp "CSS 文本") HTML DOM 參考手冊：[textIndent 屬性](/jsref/prop_style_textindent.asp "HTML DOM textIndent 屬性")