【CSS】italic と oblique の違い

スポンサーリンク

CSS で font-style プロパティの値として、 「italic」と「oblique」があります。 似たようなデザインですが、少し違いがあります。

どちらも斜めに傾けたデザインですが、「italic」は筆記調体にデザインされています。 「oblique」はそもそも「斜め」という意味の言葉ですから、単純に斜めになっているだけです。

表示させても違いはほとんどわからないので、あまり気にする必要はないと思います。 フォントを斜体にしたい場合に、一般的に使われるのは「italic」です。

「italic」、「oblique」、「normal」とを指定した場合の表示の違いについて見てみます。

「italic」を指定

12345
ABCDE
あいうえお
アイウエオ

「oblique」を指定

12345
ABCDE
あいうえお
アイウエオ

「normal」を指定

12345
ABCDE
あいうえお
アイウエオ

役立ちツール

CSS 基本事項

CSS セレクタ

CSS テキスト・フォント

CSS 色・画像・背景

CSS ボックス

トランジション

リスト

テーブル

CSS レイアウト

CSS その他

用語

関連サイト