text-indent

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

語法

{ text-indent:sIndent}

可能的值

sIndent

指定下列其中一個值的變數:

percentage

整數,後面接著百分比符號 (%)。這個值是父物件的寬度百分比。

length

浮點數,後面接著絕對單位指示項 ( cmmminptpc ) 或相對單位指示項 ( emexpx )。

此屬性的預設值為 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>

標準資訊

您可以在 Cascading Style Sheets (CSS), Level 1 (CSS1) (階層式樣式表 (CSS) 層級 1 (CSS1)) Ee371258.xtlink_newWindow(zh-tw,Expression.40).png 找到此屬性的定義。

適用範圍

blockquote, body, button, center, dd, dfn, div, dl, dt, fieldset, form, hn, hr, li, ol, p, table, td, th, tr, ul, xmp

另請參閱

概念

padding
margin
vertical-align