首頁 >web前端 >css教學 >CSS語法手冊(二)文字屬性

CSS語法手冊(二)文字屬性

黄舟
黄舟原創
2016-12-19 16:11:351493瀏覽

1、letter-spacing

功能:控製文字元素字母間的間距,所設定的距離適用於整個元素。
數值:
normal - 正常間距,將字元​​間的間距重設為所有字體和字號的正常間距。
長度 - 設定字間距長度,正值表示加進父元素中繼承的正常長度,負值則減去正常長度。在數字後指定度量單位如下:mm, cm, in, pt(點數), px(像素), pc(pica), ex(小寫字母x的高度), em(大寫字母M的寬度)。
範例:


Letter-Spacing

2、line-height

功能:設定元素中文字的行間距。
數值:
normal - 正常高度,通常為字體尺寸的 1-1.2倍,這是預設設定。
數字 - 設定元素中毎行文字的距離為字體尺寸乘以這個數字。例如字體尺寸為10點,設定line-height為2,則間距20點。
長度 - 以標準度量單位設定間距,有些是絕對的,有些是相對的,詳見letter-spacing中的說明。
百分比 - 也字體尺寸的百分比設定間距。


範例: 這是第一行。

這是第二行。

這是第三行。

3、text-align

功能:在元素框中水平對齊文字。
數值:
left - 左對齊
right - 右對齊
center - 居中
justify - 均勻分佈, 產生等長的行 
例子:


對左對左對左對左對左對右

-decoration

功能:文字修飾,用於控製文字元素所用的效果,特別適用於引人注意的說明,警告等文字效果。

數值:

none - 無文字修飾,缺省設定。

underline - 底線。

overline - 上劃線。

line-through - 刪除線。
blink - 閃爍。
同一語句中可以組合多個關鍵字。
範例:




underline

overline

5、text-indent

功能:文字縮排,用於段落的第一行縮排上。

數值:

長度 - 設定首行縮排的尺寸為指定度量單位,有些單位是相對的,有些則是絕對的,祥見 letter-spacing 屬性的說明部分。

百分比 - 以行長的百分比設定首行縮排量。

範例:





文字縮排,用於段落的第一行縮排上。

6、text-transform

功能:設定一個或幾個元素的大寫標準。

數值:

none - 不改變文字的大寫小寫。

capitalize - 元素中毎個單字的第一個字母用大寫。

uppercase - 將所有文字設定為大寫。

lowercase - 將所有文字設定為小寫。
範例:




A Text-Transform Example.

A TEXT-TRANSFORM EXAMPLE.

a text-transform example.

a text-transform example.

數值:

baseline - 對準兩個元素的小寫字母基準線。

sub - 下標。
super - 上標。
top - 頂部對齊。
text-top - 文字頂對齊。
middle - 中線對齊。
bottom - 底線對齊。
text-bottom - 字母底線對齊。
百分比 - 將線上元素基準線在父元素基準線基礎上升降一定的百分比,和元素的 line-height 屬性組合使用。
範例:


a1x2

8、Word-spacing

功能:控製文字中元素單字間的間距。設定的間距適用於整個元素,不能在某個單字間插入更大或更小的間距。

數值:

normal - 正常間距。

長度 - 如果長度為正,則加進從父元素繼承的正常長度,如果是負值,則減去。
例子:


A Word Spacing Example

 以上是CSS文法手冊(二)文字屬性的內容,更多相關內容請關注PHPcn(www.php.cn) 
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn