| 属性名 | font-style |
|---|---|
| 値 | normal | italic | oblique <angle>? |
| 初期値 | normal |
| 適用可能要素 | すべての要素 |
| 継承 | 継承する |
| メディア | visual |
| アニメーション | 不可 |
| サポート | https://caniuse.com/mdn-css_properties_font-style |
フォントスタイルを指定します。
| 値 | 説明 |
|---|---|
| normal | 通常のフォント。 |
| italic | イタリック体フォント。 |
| oblique | 斜体フォント。仕様上は後に -90deg から 90deg までの角度を指定できますがサポートしているブラウザはまだ少ないです。 |
oblique がオリジナルのフォントを単純に斜めに倒した斜体フォントであるのに対し、italic は斜めに倒して筆記体っぽくデザインされたフォントで見栄えが異なることがあります。
<div style="font:24pt 'Times New Roman'; font-style:normal">Long long time ago, ...</div> <div style="font:24pt 'Times New Roman'; font-style:italic">Long long time ago, ...</div> <div style="font:24pt 'Times New Roman'; font-style:oblique">Long long time ago, ...</div>