CSS2.1 文字樣式(Text)
letter-spacing
| 屬性樣式 | 設定值 |
| letter-spacing 字母(字元)間距 |
絕對單位:in、cm、mm、pt、pc 相對單位:em、ex、px normal |
| 預設值:normal 適用於:全部 繼承性:有 |
|
div.MyStyle {
letter-spacing: 2px;
}
line-height
| 屬性樣式 | 設定值 |
| line-height 列高 |
絕對單位:in、cm、mm、pt、pc 相對單位:em、ex、px 百分比 normal |
| 預設值:normal 適用於:全部 繼承性:有 |
|
div.MyStyle {
line-height: 200%;
}
text-align
| 屬性樣式 | 設定值 |
| text-align 文字水平位置 |
center (置中) left (靠左) right (靠右) justify (分散對齊) |
| 預設值:left 適用於:區塊型元素 繼承性:有 |
|
div.MyStyle {
text-align: center;
}
text-decoration
| 屬性樣式 | 設定值 |
| text-decoration 文字裝飾效果 |
none (無) underline (底線) overline (頂線) line-through (刪除線) blink (閃爍) |
| 預設值:none 適用於:全部 繼承性:無 |
|
div.MyStyle {
text-decoration: underline;
}
text-indent
| 屬性樣式 | 設定值 |
| text-indent 文字縮排 |
絕對單位:in、cm、mm、pt、pc 相對單位:em、ex、px 百分比 |
| 預設值:0 適用於:區塊型元素 繼承性:有 |
|
div.MyStyle {
text-indent: 20px;
}
text-transform
| 屬性樣式 | 設定值 |
| text-transform 文字大小寫轉換 |
none (無) capitalize (將各英文單字的第一個字母轉換為大寫) uppercase (轉換成大寫) lowercase (轉換成小寫) |
| 預設值:none 適用於:全部 繼承性:有 |
|
div.MyStyle {
text-transform: uppercase;
}
vertical-align
| 屬性樣式 | 設定值 |
| vertical-align 文字垂直位置 |
百分比 baseline, middle, top, bottom, text-top, text-bottom, super, sub |
| 預設值:baseline 適用於:單列型元素或表格的儲存格 繼承性:無 |
|
td.MyStyle {
vertical-align: top;
}
white-space
| 屬性樣式 | 設定值 |
| white-space 空白空間 |
normal (正常) pre (換行與空白全部保留) pre-wrap (會保留空白字元與正常的換列) pre-line (不會保留空白字元與正常的換列) nowrap (強制在同一列將所有文字顯示完,除非遇到<br />) |
| 預設值:normal 適用於:全部 繼承性:無 |
|
div.MyStyle {
white-space: pre;
}
word-spacing
| 屬性樣式 | 設定值 |
| word-spacing 單字間隔距離 |
normal 絕對單位:in、cm、mm、pt、pc 相對單位:em、ex、px |
| 預設值:normal 適用於:全部 繼承性:有 |
|
div.MyStyle {
word-spacing: 3px;
}
direction, unicode-bidi
| 屬性樣式 | 設定值 |
| direction 文字方向 |
ltr (文字方向由左到右) rtl (文字方向由右到左) |
| 預設值:ltr 適用於:全部 繼承性:有 |
|
| unicode-bidi 單碼雙向選擇 |
normal embed bidi-override |
| 預設值:normal 適用於:全部 繼承性:無 |
|
div.MyStyle {
direction: rtl;
unicode-bidi: bidi-override;
}