DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS文本屬性
CSS文本屬性
編輯:CSS詳解     

letter-spacing 
屬性值:normal | <length> 
初始值:normal 
適用於:所有元素 
繼承:是 
百分比值:不適用 
  “letter-spacing”屬性定義了每一個字符之間的額外間距,該屬性值必須以長度為單位,且正負值都是允許的。 
例如下例: 
<Html> 
<head> 
<title>CSS Demo</title> 
<style type="text/CSS"> 
<!-- 
H1{letter-spacing:1em} 
P{letter-spacing:-.1em} 
--> 
</style> 
</head> 
<body> 
<H1>This is wide headline</H1> 
<P>This is text with negtive letter-spacing.</P> 
</body> 
</Html> 

text-decoration 
屬性值:none | [underline || overline || line-through || blink] 
初始值:none 
適用於:所有元素 
繼承:否 
百分比值:不適用 
  這個屬性能夠定義元素中文字的“裝飾”樣式,這些樣式總共有五種形式。 
none 無 
underline 下劃線 
overline 上劃線 
line-through 刪除線 
blink 閃爍 

vertical-align 
屬性值:baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> 
初始值:baseline 
適用於:行內元素 
繼承:否 
百分比值:參照元素自已的“line-height”值 
  “vertical-align”屬性定義了一個元素在垂直方向上的位置,這個位置是相對於它上級元素的位置而言的。“vertical-align”的屬性值即可以是關鍵字,也可以是百分比值。 


關鍵字 說明 
baseline 將元素的基線與上級元素的基線對齊,如果該元素沒有基線,那麼取它的底端與上級元素的基線對齊。 
middle 將元素的垂直中點與上級元素的垂直中點對齊。 
sub 元素下標 
super 元素上標 
text-top 將元素的頂端與上級元素文字的頂端對齊。 
text-bottom 將元素的底端與上級元素文字的底端對齊。 
top 將元素的頂端與該行最高的元素對齊。 
bottom 將元素的底端與該行最低的元素對齊。 


text-transform 
屬性值:capitalize | uppercase | lowercase | none 
初始值:nono 
適用於:所有元素 
繼承:是 
百分比值:不適用 
  “text-transform”屬性能夠把文本轉換成四種形式: 

capitalize 文本中每個單詞的第一個字母大寫 
uppercase 文本中所有字都大寫 
lowercase 文本中所有字都小寫 
none 使用默認值 

text-align 
屬性值:left | right | center | justify 
初始值:由 UA 默認值制定 
適用於:塊級元素 
繼承:是 
百分比值:不適用 
  這個元素決定了文字在元素中的對齊方式,它適用於所有的塊元素,它的作用與 Html 語言裡的“ALIGN”屬性有些相似。 

left 左對齊 
right 右對齊 
center 文字居中 
justify 兩端對齊 

text-indent 
屬性值:<length> | <percentage> 
初始值:0 
適用於:塊級元素 
繼承:是 
百分比值:參考上級元素的寬度 
  “text-indent”屬性適用於塊級元素,它能夠定義文本首行的縮進方式。 

P{text-indent:1cm} 
  這種縮進方式叫做“首行縮進”,有些文字每一段的首行都必須縮進兩個字的位置,而其他行的左端起始位置不變。 

>line-height 
屬性值:normal | <number> | <length> | <percentage> 
初始值:normal 
適用於:所有元素 
繼承:是 
百分比值:參照元素本身的字體尺寸 
  前面講“font”屬性時就可以用到這個屬性了,它是用來定義文本行高的。所謂行高,就是相鄰兩行文字基線之間的距離,該屬性的屬性值可以使用數字、長度或者百分比值來定義,但是不能用負數。 
當使用數字作為屬性值時,行高就等於所指定的字號數乘以該數字。 
當使用長度值作為屬性值時,行高就確切地等於所給出的值。 
當使用百分比值作為屬性時,行高就等於字號乘以該百分比值。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved