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