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

複製代碼