CSS - font-style

概要

属性名	font-style
値	normal \| italic \| oblique <angle>?
初期値	normal
適用可能要素	すべての要素
継承	継承する
メディア	visual
アニメーション	不可
サポート	https://caniuse.com/mdn-css_properties_font-style

説明

フォントスタイルを指定します。

値	説明
normal	通常のフォント。
italic	イタリック体フォント。
oblique	斜体フォント。仕様上は後に -90deg から 90deg までの角度を指定できますがサポートしているブラウザはまだ少ないです。

oblique がオリジナルのフォントを単純に斜めに倒した斜体フォントであるのに対し、italic は斜めに倒して筆記体っぽくデザインされたフォントで見栄えが異なることがあります。

使用例

HTML

<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>

表示

A long long time ago, ...

リンク

初版：1997年7月27日、最終更新：2016年1月3日

https://www.tohoho-web.com/css/prop/font-style.htm