1、letter-spacing
功能:控制文本元素字母間的間距,所設(shè)置的距離適用于整個(gè)元素。
數(shù)值:
normal - 正常間距,將字符間的間距復(fù)位為所有字體和字號(hào)的正常間距。
長(zhǎng)度 - 設(shè)置字間距長(zhǎng)度,正值表示加進(jìn)父元素中繼承的正常長(zhǎng)度,負(fù)值則減去正常長(zhǎng)度。在數(shù)字后指定度量單位如下:mm, cm, in, pt(點(diǎn)數(shù)), px(象素), pc(pica), ex(小寫字母x的高度), em(大寫字母M的寬度)。
例子:
Letter-Spacing
2、line-height
功能:設(shè)置元素中文本的行間距。
數(shù)值:
normal - 正常高度,通常為字體尺寸的 1-1.2倍,這是缺省設(shè)置。
數(shù)字 - 設(shè)置元素中毎行文本的距離為字體尺寸乘以這個(gè)數(shù)字。例如字體尺寸為10點(diǎn),設(shè)置line-height為2,則間距點(diǎn)。
長(zhǎng)度 - 用標(biāo)準(zhǔn)度量單位設(shè)置間距,有些是的,有些是相對(duì)的,詳見letter-spacing中的説明。
百分比 - 也字體尺寸的百分比設(shè)置間距。
例子: 這是行。
這是第二行。
這是第三行。
3、text-align
功能:在元素框中水平對(duì)齊文本。
數(shù)值:
left - 左對(duì)齊
right - 右對(duì)齊
center - 居中
justify - 均勻分布, 生成等長(zhǎng)的行
例子:
對(duì)左
居中
對(duì)右
4、text-decoration
功能:文本修飾,用于控制文本元素所用的效果,特別適用于引人注意的說(shuō)明,警告等文本效果。
數(shù)值:
none - 無(wú)文本修飾,缺省設(shè)置。
underline - 下劃線。
overline - 上劃線。
line-through - 刪除線。
blink - 閃爍。
同一語(yǔ)句中可以組合多個(gè)關(guān)鍵字。
例子:
underline
overline
5、text-indent
功能:文本縮排,用于段落的行縮排上。
數(shù)值:
長(zhǎng)度 - 設(shè)置首行縮排的尺寸為指定度量單位,有些單位是相對(duì)的,有些則是的,祥見 letter-spacing 屬性的說(shuō)明部分。
百分比 - 以行長(zhǎng)的百分比設(shè)置首行縮排量。
例子:
文本縮排,用于段落的行縮排上。
6、text-transform
功能:設(shè)置一個(gè)或幾個(gè)元素的大寫標(biāo)準(zhǔn)。
數(shù)值:
none - 不改變文本的大寫小寫。
capitalize - 元素中毎個(gè)單詞的個(gè)字母用大寫。
uppercase - 將所有文本設(shè)置為大寫。
lowercase - 將所有文本設(shè)置為小寫。
例子:
a text-transform example.
a text-transform example.
a text-transform example.
7、vertical-align
功能:垂直對(duì)齊。
數(shù)值:
baseline - 對(duì)準(zhǔn)兩個(gè)元素的小寫字母基準(zhǔn)線。
sub - 下標(biāo)。
super - 上標(biāo)。
top - 頂部對(duì)齊。
text-top - 文本頂對(duì)齊。
middle - 中線對(duì)齊。
bottom - 底線對(duì)齊。
text-bottom - 字母底線對(duì)齊。
百分比 - 將線上元素基準(zhǔn)線在父元素基準(zhǔn)線基礎(chǔ)上升降一定的百分比,和元素的 line-height 屬性組合使用。
例子:
a1x2
8、word-spacing
功能:控制文本中元素單詞間的間距。設(shè)置的間距適用于整個(gè)元素,不能在某個(gè)單詞間插入更大或更小的間距。
數(shù)值:
normal - 正常間距。
長(zhǎng)度 - 如果長(zhǎng)度為正,則加進(jìn)從父元素繼承的正常長(zhǎng)度,如果是負(fù)值,則減去。
例子: