語法
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屬性值 | 說明 |
normal | 默認值,正常體 |
italic | 斜體,這是一個屬性 |
oblique | 將字型傾斜,將沒有斜體變數(italic)的特殊字型,要套用oblique |
font-style屬性值為italic或oblique時,在瀏覽器預覽的效果是一樣的!那這兩者究竟有什麼區別呢?
從預覽效果我們看不出有什麼區別,其實從上表中的定義就可以看出了,italic是字型的一個屬性,也就是說並非所有字型都有這個italic屬性,對於沒有italic屬性的字型,可以使用oblique將該字型進行傾斜設定。
一般字型有粗體、斜體、下劃線、刪除線等諸多屬性。但是並不是所有的字型都有這些屬性。一些不常用的字型,或許就只有個正常體,如果你用italic發現字型沒有斜體效果,這個時候你就要用oblique。
可以這樣理解:有些文字有斜體屬性,也有些文字沒有斜體屬性。italic是使用文字的斜體,oblique是讓沒有斜體屬性的文字傾斜。