除了常見的文字樣式，CSS 也有一些相當實用的文字樣式，例如 text-overflow、text-transform、text-combine-upright、ruby-position、paint-order 等，透過這些文字樣式可以進行大小寫轉換、文字超過範圍的顯示行為、連字號或文字外框線等效果，這個單元會介紹相關樣式的用法。

影片重點：

• 00:00:44 text-transform 文字大小寫轉換
• 00:03:25 text-overflow 文字超過範圍的顯示行為
• 00:05:18 text-combine-upright 垂直水平書寫方向整合
• 00:07:43 ruby-position 標注文字的位置
• 00:08:42 text-underline-position 底線位置
• 00:10:31 text-underline-offset 底線上下定位
• 00:12:06 paint-order 文字外框

相關參考：

• 教學文：CSS 實用文字樣式
• 影片連結：https://www.youtube.com/watch?v=-G4xFK1eZhA

後記

當鐵人賽參賽者變多之後，如果不自己主動分享，寫的文章都沒人要看了...哭哭...
( 真的有人會看寫在後面的廢話連篇嗎？XD )

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html