CSS font-style 屬性

CSS font-style 屬性的功能是用來設計網頁文字的斜體、傾斜等字體樣式，實際效果與 HTML 的 標籤類似，簡單來說就是網頁文字的斜體字特效在 CSS 的表示法，CSS font-style 屬性提供兩種類似的斜體字設定方式，均獲得大部份主流瀏覽器的支援。

CSS font-style 語法規則

font-style: 字體樣式設定值;

CSS font-style 屬性可用的設定值有好幾種，比較有用的是 italic 及 oblique，其他設定值整理於下表：

CSS font-style 屬性可用設定值

設定值	說明
normal	預設值，讓瀏覽器根據標準文字樣式顯示字體。
italic	將文字樣式設為斜體字。
oblique	將文字樣式設為傾斜字體，與 italic 幾乎一樣。
initial	將文字樣式設為預設值。
inherit	繼承自父層的 font-style 樣式設定，非所有瀏覽器支援，不建議使用。

CSS font-style 屬性範例

這是 font-style 的 normal 字體效果 
這是 font-style 的 italic 字體效果 
這是 font-style 的 oblique 字體效果 
這是傳統 HTML 的斜體字效果

範例的視覺效果

這是 font-style 的 normal 字體效果
這是 font-style 的 italic 字體效果
這是 font-style 的 oblique 字體效果
這是傳統 HTML 的斜體字效果

範例總共有三行不同的 font-style 效果，第一行使用 normal 的結果就是沒有特殊效果，第二行與第三行分別使用 font-style 的 italic 與 oblique 的效果，結果都顯示出斜體字的效果，而且英文單字與中文字體都變成斜體字呈現。最後一行呈現的是傳統 HTML 的斜體字效果，實際上，無論使用 CSS 的 font-style 還是 HTML 的 都可以設計出斜體字效果，不過 CSS 在較大專案的管理比較有效率。

更多網頁文字設計技巧