返回列表 發帖

Rank: 7Rank: 7Rank: 7
1# 跳轉到 » 倒序看帖
打印
tT
陳育霖發表於 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>

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

  13. <p style="white-space: pre-line;">
  14.   This   is    a
  15.   test
  16.   sentence.
  17. </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. }
複製代碼
收藏 分享

返回列表