共用方式為

text-align

  • 發行項

設定物件中的文字要靠左對齊、靠右對齊、置中或左右對齊。

語法

{ text-align: sAlign }

可能的值

sAlign

指定或接收下列其中一個值的字串：

left

預設值。使文字靠左對齊。

center

使文字置中。

justify

使文字左右對齊。

right

使文字靠右對齊。

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

備註

此屬性適用於區塊元素。DIV 物件內的所有區塊層級物件都會繼承此屬性。

範例

下列範例使用 text-align 屬性使物件內的文字對齊。此範例使用 P 元素當作選取器，並使用兩個類別來呼叫根據個別規則對齊文字的內嵌樣式表：

<style>
    p {text-align:center}
    .align1 {text-align:right}
    .align2 {text-align:justify}
</style>
</head>
<body>
<p onclick= "this.className='align1'" 
    ondblclick="this.className='align2'">
. . . </p>

此範例使用內嵌指令碼，以在發生 onmouseover 事件時變更文字的對齊方式：

<p style="font-size:14" 
    onmouseover="this.style.textAlign='center'">
. . . </p>

標準資訊

此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。

適用於

BLOCKQUOTE、BODY、CENTER、DD、DIV、DL、DT、FIELDSET、FORM、HN、HR、INPUT TYPE=PASSWORD、INPUT TYPE=TEXT、LI、OL、P、TABLE、TD、TH、TR、UL、XMP