font-style

font-style：normal | italic | oblique

默認值：normal

normal：

指定文本字體樣式為正常的字體。

italic：

指定文本字體樣式為斜體。（對於沒有斜體變量的特殊字體，將應用oblique）

oblique：

指定文本字體樣式為傾斜的字體。

設置或檢索對象中的文本字體樣式。

對應的腳本特性為fontStyle。

.test p {

margin: 15px 0;

border: 1px solid#000;

}.normal p {

font - style: normal;

}.italic p {

font - style: italic;

}.oblique p {

font - style: oblique;

}正常的字體：本段文字將顯示為正常的字體。斜體：本段文字將顯示為斜體。傾斜的字體：本段文字將顯示為傾斜的字體。

font-style屬性值為italic或oblique時，在瀏覽器預覽的效果是一樣的！那這兩者究竟有什麼區別呢？ ^[1] 

從預覽效果我們看不出有什麼區別，其實從上表中的定義就可以看出了，italic是字體的一個屬性，也就是説並非所有字體都有這個italic屬性，對於沒有italic屬性的字體，可以使用oblique將該字體進行傾斜設置。

一般字體有粗體、斜體、下劃線、刪除線等諸多屬性。但是並不是所有的字體都有這些屬性。一些不常用的字體，或許就只有個正常體，如果你用italic發現字體沒有斜體效果，這個時候你就要用oblique。

可以這樣理解：有些文字有斜體屬性，也有些文字沒有斜體屬性。italic是使用文字的斜體，oblique是讓沒有斜體屬性的文字傾斜。