例
設置<H1>，<H2>和文本對齊方式<h3>元素：
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
} 試一試» 更多"Try it Yourself"下面的例子。
定義和用法
該text-align屬性指定元素文本的水平對齊方式。
| 默認值： | left if direction is ltr, and right if direction is rtl |
|---|---|
| 遺傳： | yes |
| 動畫： | no. Read about animatable |
| 版： | CSS1 |
| JavaScript語法： | object .style.textAlign="right" Try it |
瀏覽器支持
在表中的數字規定，完全支持該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS語法
text-align: left|right|center|justify|initial|inherit;屬性值
| 值 | 描述 | 播放 |
|---|---|---|
| left | 對齊文本左 | 播放 ” |
| right | 對齊文本向右 | 播放 ” |
| center | 居中文本 | 播放 ” |
| justify | 伸展的線條，使每一行都有相同的寬度（就像在報紙和雜誌） | 播放 ” |
| initial | 將此屬性設置為默認值。 閱讀關於初始 | 播放 ” |
| inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
更多示例
例
這個例子演示了一種更先進的文字對齊例如：
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
} 試一試» 相關頁面
CSS教程： CSS文本
HTML DOM參考： textAlign property