標題:
CSS 字體屬性 (四)
[打印本頁]
作者:
陳育霖
時間:
2023-8-12 01:09
標題:
CSS 字體屬性 (四)
本帖最後由 陳育霖 於 2023-8-12 01:16 編輯
線條裝飾: text-decoration
none 預設、underline 底線、overline 頂線、line-through 刪除線
#line1 { text-decoration:underline; }
#line2 { text-decoration:overline ; }
複製代碼
裝飾線條顏色: text-decoration-color
#line_blue {
text-decoration: underline;
text-decoration-color: blue;
}
複製代碼
設定tab寬度: tab-size
tab-size: number 預設為8個英文字元寬度
#tab1 { tab-size: 12;}
複製代碼
設定換行: word-wrap
normal 預設,只有在可換行的地方時換行,否則直到結束、break-word 將較長的單字或網址中途換行
#test1 {
word-wrap: normal;
}
#test2 {
word-wrap: break-word;
}
複製代碼
文字超出範圍的處理: text-overflow
clip 超出時不顯示、elipsis 超出時以"..."顯示
#line1 {
text-overflow: clip;
}
#line2 {
text-overflow: elipsis ;
}
複製代碼
歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/)
Powered by Discuz! 7.2