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”屬性時就可以用到這個屬性了,它是用來定義文本行高的。所謂行高,就是相鄰兩行文字基線之間的距離,該屬性的屬性值可以使用數字、長度或者百分比值來定義,但是不能用負數。
當使用數字作為屬性值時,行高就等於所指定的字號數乘以該數字。
當使用長度值作為屬性值時,行高就確切地等於所給出的值。
當使用百分比值作為屬性時,行高就等於字號乘以該百分比值。