white-space: 設置元素中空白的處理方式
normal:默認處理方式。
pre:保留文本原來帶的空格,當文字超出邊界時不換行。
nowrap:不保留空格,強制在同一行內顯示所有文本,直到文本結束或者碰到br標簽
pre-wrap:保留空格,當文字碰到邊界時換行
pre-line:不保留空格,保留文字的換行,當文字碰到邊界時換行
direction: 規定文本的方向
ltr 默認,文本方向從左到右。
rtl 文本方向從右到左。
text-align: 文本的水平對齊方式
left
center
right
vertical-align: 文本所在行高的垂直對齊方式
baseline 默認
sub 垂直對齊文本的下標,和<sub>標簽一樣的效果
super 垂直對齊文本的上標,和<sup>標簽一樣的效果
top 對象的頂端與所在容器的頂端對齊
text-top 對象的頂端與所在行文字頂端對齊
middle 元素對象基於基線垂直對齊
bottom 對象的底端與所在行的文字底部對齊
text-bottom 對象的底端與所在行文字的底端對齊
text-indent: 文本首行縮進
用於一段文字首行縮進,例:text-indent:30px;
letter-spacing: 添加字母之間的空白
設置字母之間的距離,例:letter-spacing:5px;表示各字母之間相距5px。
word-spacing: 添加每個單詞之間的空白
值為數值型,單位px。
text-transform: 屬性控制文本的大小寫
capitalize 文本中的每個單詞以大寫字母開頭。
uppercase 定義僅有大寫字母,全部轉化為大寫字母。
lowercase 定義僅有小寫字母,全部轉化為小寫字母。
text-overflow: 文本溢出樣式通常與overflow:hidden一起使用
clip 修剪文本。
ellipsis 顯示省略符號...來代表被修剪的文本。
text-decoration: 文本的修飾
none 去掉下下划線/上線/刪除線。
underline 下划線。
overline 上划線。
line-through 中線。
text-shadow:文本陰影
第一個參數是左右位置
第二個參數是上下位置
第三個參數是虛化效果
第四個參數是顏色
text-shadow: 5px 5px 5px #888;