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

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

CSSのfont-styleプロパティについて解説します。

検証環境

font-style

font-styleは“文字のスタイル”のプロパティです。

『文字のスタイル』とは通常体、筆記体、斜体などを指します。

基本構文

font-style: 値;

値は書体によって様々です。

例えば、游ゴシックには次のような値があります。

プレビュー
normal TEXT
italic TEXT
oblique TEXT

また、OSやブラウザによって利用できる値が異なるケースがあることに注意してください。

サンプル

文字を筆記体に設定するサンプルです。

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

<p>CSS : Cascading Style Sheets</p>