4.文字效果

一、各種文字效果

1. text-shadow (文字陰影效果)
   語法： text-shadow: x y blur-radius color
   範例4-1
2. text-outline 及 text-stroke-* (文字描邊效果)
   語法： text-outline: width blur-radius color (Chrome不支援)
   語法：
   text-fill-color: color (文字填充顏色)
   text-stroke-width: length (邊框大小)
   text-stroke-color: color (邊框色彩)
   text-stroke: width color (簡寫語法)
   範例4-2
3. text-overflow (限制文字溢出)
   語法：text-overflow: clip (截斷) | ellipsis (省略號)
   範例4-3
4. resize (產生拖拉點改變元素大小)
   語法：resize: horizontal (水平) | vertical (垂直) | both (二者) | none (無)
   範例4-4
5. text-align (文字對齊)
   語法：text-align: right | left | center | justify | start | end
   其中start與end值，對閱讀習慣從右至左的網站才有真正的作用，不然對從左到右閱讀的人來說，就像left和right。
   範例4-5
6. text-rendering (文字顯示最佳化選項)
   語法： text-rendering: auto | optimizeSpeed (速度優先) | optimizeLegibility (外觀優先) | geometricPrecision (外觀優先)
   範例4-6