CSS定義字體行間距 line-height:xxpx;

CSS定義字體間距

下面我們講述一下CSS的文本屬性，還是先來(lái)看一下文本屬性的詳細(xì)列表：


屬性 屬性含義 屬性值
Word-spacing 定義了各個(gè)單詞之間的間距 Normal<length>必須以長(zhǎng)度為單位
Letter-spacing 定義了每個(gè)字母之間的間距 同上
Text-decoration 定義文字的“裝飾”樣式 None|underline|overline|


line-through|blink

Vertical-align 定義了元素在垂直方向


上的位置
Baseline|sub|super|top|text-top|middle|bottom|text-bottom


<percentage>

text-transform 使文本轉(zhuǎn)換為其它形式 Capitalize|uppercase|lowercase|none
Text-align 定義了文字的對(duì)齊方式 Left|right|center|justify
Text-indent 定義了文本的首行的縮進(jìn)方式 <length>|<percentage>
Line-height 定義了文本的行高 Normal|<unmber>|<length>|


<percentage>



我們可以從表中看到在這里可以定義文本的文字間距、字母間距、裝飾、對(duì)齊方式、縮進(jìn)方式和行高等屬性。

舉個(gè)例子來(lái)看看吧：

CODE:

<p style="letter-spacing:5px;text-align:justify;text-indent: 4em;line-height：17pt">我們看到經(jīng)過文本屬性處理的文本字與字之間多了間距，行與行之間多了行高，對(duì)齊方式變成了兩端對(duì)齊，并且段首又多縮進(jìn)了兩格。</p>

letter-spacing設(shè)置了字間距為5px，其中5px為一個(gè)長(zhǎng)度單位；text-align設(shè)置了對(duì)齊方式為兩端對(duì)齊；indent設(shè)置了縮進(jìn)格為4em；line-height設(shè)置了行高為17pt

從上面的例子，我們可以看出利用CSS的文本屬性可以方便的對(duì)頁(yè)面中的文本進(jìn)行排版。

最新評(píng)論