CSS定義字體間距 字體行與行間距

轉自:點擊打開鏈接

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

CSS定義字體間距

下面我們講述一下CSS的文本屬性,還是先來看一下文本屬性的詳細列表:

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

 

line-through|blink

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

 

上的位置

Baseline|sub|super|top|text-top|middle|bottom|text-bottom

 

<percentage>

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

 

<percentage>

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

舉個例子來看看吧:

CODE:

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

letter-spacing設置了字間距爲5px,其中5px爲一個長度單位;text-align設置了對齊方式爲兩端對齊;indent設置了縮進格爲4em;line-height設置了行高爲17pt

從上面的例子,我們可以看出利用CSS的文本屬性可以方便的對頁面中的文本進行排版。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章