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>

標準資訊

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

適用範圍

address , 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

另請參閱

概念

text-align-last