Board logo

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

作者: 陳育霖    時間: 2023-8-12 00:26     標題: CSS 字體屬性 (三)

空白字元: white-space
normal 預設,會忽略空白、nowrap 不換行,直到遇見<br>、pre 會保留空白與<pre>類似、pre-line 合併空白
  1. <p style="white-space: normal;">
  2.   This   is    a
  3.   test
  4.   sentence.
  5. </p>

  6. <p style="white-space: pre;">
  7.   This   is    a
  8.   test
  9.   sentence.
  10. </p>

  11. <p style="white-space: pre-line;">
  12.   This   is    a
  13.   test
  14.   sentence.
  15. </p>
複製代碼
大小寫轉換: text-transform
normal 預設、capitalize 第一個字大寫、uppercase 轉大寫、lowercase 轉小寫
  1. p{
  2.   text-transform: capitalize;
  3. }
複製代碼
文字陰影: text-shadow
text-shadow: 水平|垂直|模糊範圍|顏色;
  1. #shadow {
  2.   text-shadow: 5px 5px 5px blue;
  3. }
複製代碼





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