「font-style」プロパティは、テキストのスタイルを指定するプロパティです。
テキストに対して、italic（斜体）などの装飾を加えるプロパティです。
font-style の使用例
目次
フォントを通常のスタイルにする
|
1 2 3 4 5 6 7 |
p { font-style: normal; } |
フォントを斜体にする
|
1 2 3 4 5 6 7 |
p { font-style: italic; } |
font-style プロパティを使用してテキストに斜体スタイルを適用する方法を示しています。
特定のクラスに斜体スタイルを指定した使用例
|
1 2 3 4 5 6 7 |
.text { font-style: italic; } |
oblique 値を使用してフォントを斜体のを指定した使用例
|
1 2 3 4 5 6 7 |
p { font-style: oblique; } |
複数のスタイルを組み合わせてフォントスタイルを設定した使用例
|
1 2 3 4 5 6 7 |
.text { font-style: italic bold; /* 斜体と太字の組み合わせ */ } |
タグ内の引用文に斜体にする
引用文内にも適用することができます。
|
1 2 3 4 5 6 7 |
blockquote p { font-style: italic; } |
