CSS font-style 語法規則
font-style: 字體樣式設定值;
CSS font-style 屬性可用的設定值有好幾種，比較有用的是 italic 及 oblique，其他設定值整理於下表：CSS font-style 屬性可用設定值
| 設定值 | 說明 |
| normal | 預設值，讓瀏覽器根據標準文字樣式顯示字體。 |
| italic | 將文字樣式設為斜體字。 |
| oblique | 將文字樣式設為傾斜字體，與 italic 幾乎一樣。 |
| initial | 將文字樣式設為預設值。 |
| inherit | 繼承自父層的 font-style 樣式設定，非所有瀏覽器支援，不建議使用。 |
<span style="font-style:normal;">這是 font-style 的 normal 字體效果</span><br>
<span style="font-style:italic;">這是 font-style 的 italic 字體效果</span><br>
<span style="font-style:oblique;">這是 font-style 的 oblique 字體效果</span><br>
<i>這是傳統 HTML 的斜體字效果</i>
範例的視覺效果<span style="font-style:italic;">這是 font-style 的 italic 字體效果</span><br>
<span style="font-style:oblique;">這是 font-style 的 oblique 字體效果</span><br>
<i>這是傳統 HTML 的斜體字效果</i>
這是 font-style 的 normal 字體效果
這是 font-style 的 italic 字體效果
這是 font-style 的 oblique 字體效果
這是傳統 HTML 的斜體字效果
範例總共有三行不同的 font-style 效果，第一行使用 normal 的結果就是沒有特殊效果，第二行與第三行分別使用 font-style 的 italic 與 oblique 的效果，結果都顯示出斜體字的效果，而且英文單字與中文字體都變成斜體字呈現。最後一行呈現的是傳統 HTML 的斜體字效果，實際上，無論使用 CSS 的 font-style 還是 HTML 的 <i></i> 都可以設計出斜體字效果，不過 CSS 在較大專案的管理比較有效率。這是 font-style 的 italic 字體效果
這是 font-style 的 oblique 字體效果
這是傳統 HTML 的斜體字效果
更多網頁文字設計技巧