Study 6 —— 字體和段落屬性

字體風格
{font-style:normal | italic | oblique | inherit
字體複合屬性
{font:font-style font-variant font-weight font-size font-family}

陰影文本
text-shadow有四個屬性值：
第一個表示陰影的水平位移，可取正負值；
第二個表示陰影的垂直位移，可取正負值；
第三個表示陰影的模糊半徑，不可爲負值；
第四個表示陰影的顏色值。語法以下：
{text-shadow:length length opacity color}

控制換行
{word-wrap: normal | break-word}
normal        容許內容頂開指定的邊界
break-word    內容將在邊界內換行。

單詞間隔{word-spacing: normal | length}
字符間隔{letter-spacing: normal | length}

文字修飾
{text-decoration: none | underline | blink | overline | line-through}
none            默認值，對文本不進行任何修飾
underline       下劃線
blink           閃爍
overline        上劃線
line-through    刪除線

垂直對齊
{vertial-aligh:屬性值}
垂直對齊方式屬性值以下表：
屬性值          說明
baseline       默認，元素放置在父元素的基線上
sub            垂直對齊文本的下標
super          垂直對齊文本的上標
Top            把元素的頂端與行中最高元素的頂端對齊
text-top       把元素的頂端與父元素字體的頂端對齊
middle         把此元素放置在父元素的中部
bottom         把元素的頂端與行中最低的元素的頂端對齊
text-bottom    把元素的底端與父元素字體的底端對齊
length         設置元素的堆疊順序
%              使用"line-height"屬性的百分比值來排列此元素。容許使用負值

水平對齊
{text-align:屬性值}
水平對齊方式屬性值以下表：
屬性值          說明
start          文本向行的開始邊緣對齊
end            文本向行的結束邊緣對齊
left
right
center
justify        文本根據text-justify的屬性設置方法分散對齊。即兩端對齊，均勻分佈
match-parent   繼承父元素的對齊方式，但有個例外：繼承的start或者end值是根據父元素的direction值進行計算的，所以計算的結果多是left或者right
<string>       string是一個單個的字符，不然，就忽略此設置。按指定的字符進行對齊。若是沒有設置字符，則默認是end方式。
inherit        繼承父元素的對齊方式

文本縮進{text-indent:length}
文本行高{line-height:normal | length}

處理空白{white-space:屬性值}
屬性值        說明
normal       默認。空白會被瀏覽器忽略
pre          空白會被瀏覽器保留
nowrap       文本不會換行
pre-wrap     保留空白符序列，可是正常的進行換行
pre-line     合併空白符序列，可是保留換行符
inherit      規定應該從父元素繼承white-space屬性的值

文本反排
unicode-bidi:normal | bidi-override | embed
direction:ltr | rtl | inherit