CSS 字體屬性 (四)

陳育霖

線條裝飾: text-decoration
none 預設、underline 底線、overline 頂線、line-through 刪除線

1. #line1 { text-decoration:underline; }
   
2. #line2 { text-decoration:overline ; }

複製代碼

裝飾線條顏色: text-decoration-color

1. #line_blue {
   
2.   text-decoration: underline;
   
3.   text-decoration-color: blue;
   
4. }

複製代碼

設定tab寬度: tab-size
tab-size: number 預設為8個英文字元寬度

1. #tab1 { tab-size: 12;}

複製代碼

設定換行: word-wrap
normal 預設，只有在可換行的地方時換行，否則直到結束、break-word 將較長的單字或網址中途換行

1. #test1 {
   
2.   word-wrap: normal;
   
3. }
   
4. #test2 {
   
5.   word-wrap: break-word;
   
6. }

複製代碼

文字超出範圍的處理: text-overflow
clip 超出時不顯示、elipsis 超出時以"..."顯示

1. #line1 {
   
2.   text-overflow: clip;
   
3. }
   
4. #line2 {
   
5.   text-overflow: elipsis ;
   
6. }

複製代碼