text-indent

發行項
10/11/2017

設定物件中第一行文字的縮排。

語法

{ text-indent: sIndent }

可能的值

sIndent

指定或接收下列其中一個值的變數：

percentage	整數，後面接著百分比符號 (%)。這個值是父物件的寬度百分比。
length	浮點數，後面接著絕對單位指示項 (cm、mm、in、pt 或 pc) 或相對單位指示項 (em、ex 或 px)。

此屬性的預設值為 0。這是繼承屬性。

備註

此屬性可為負值。縮排不會插入另一個物件所中斷的物件中間，例如 HTML 元素中的 BR 元素。

範例

下列範例使用 text-indent 屬性使物件文字縮排。此範例使用內嵌樣式表的呼叫，以便在 onclick 事件發生時變更文字縮排。文字原先使用 DIV 元素作為樣式表中的選取器縮排 2 公分：

<style>
    div {text-indent:2cm}
    .click1 {text-indent:50%}
    .click2 {text-indent:}
</style>
</head>
<body>
<div onclick="this.className='click1'"
    ondblclick="this.className='click2'">
. . . </div>