Board logo

標題: CSS 字體屬性 (四) [打印本頁]

作者: 陳育霖    時間: 2023-8-12 01:09     標題: CSS 字體屬性 (四)

本帖最後由 陳育霖 於 2023-8-12 01:16 編輯

線條裝飾: 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. }
複製代碼





歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/) Powered by Discuz! 7.2