【CSS】font-style - 文字のスタイル

【CSS】font-style - 文字のスタイル

CSSのfont-styleプロパティについてご紹介します。

font-style

font-styleは文字のスタイル(通常体、筆記体、斜体など)を定義するプロパティです。

基本構文

font-style: 値;

定義可能な値は書体によって様々です。
例えば、游ゴシックには次のような値があります。

プレビュー
normal TEXT
italic TEXT
oblique TEXT

また、OSやブラウザによって利用できる値が異なるケースがあることに注意が必要です。

サンプル

次のサンプルは文字を筆記体に設定します。

<style>
p {
    font-style: italic;
}
</style>

<p>text text text text text</p>