CSSで文字を斜体にしたり解除したりする「 font-style 」の設定と使用例

2024/01/032024/03/07

「font-style」プロパティは、テキストのスタイルを指定するプロパティです。

テキストに対して、italic（斜体）などの装飾を加えるプロパティです。

font-style の使用例

フォントを通常のスタイルにする

p {
   font-style: normal;
}

p {

font-style: normal;

}

p {
   font-style: italic;
}

p {

font-style: italic;

}

font-style プロパティを使用してテキストに斜体スタイルを適用する方法を示しています。

.text {
   font-style: italic;
}

.text {

font-style: italic;

}

p {
   font-style: oblique;
}

p {

font-style: oblique;

}

.text {
   font-style: italic bold; /* 斜体と太字の組み合わせ */
}

.text {

font-style: italic bold; /* 斜体と太字の組み合わせ */

}

引用文内にも適用することができます。

blockquote p {
   font-style: italic;
}

blockquote p {

font-style: italic;

}

よかったらシェアしてね！