web-dev-qa-db-ja.com

CSSで太字と斜体を組み合わせる方法

このW3Schoolsチュートリアル CSS font-styleプロパティを使用してテキストを太字にする方法(旧式のHTMLの<b&g>this</b>と同等)と、テキストを斜体にする方法(旧式のHTMLの<i>this</i>と同等)。

ただし、テキストに両方のプロパティを同時に持たせる方法はどこにもありません(昔ながらのHTMLの<b><i>this</i></b>と同等)。

純粋なCSSを使用してこれを行う方法はありますか?

私はこれを試しました:

font-style: italic bold;

その結果、ページは両方のプロパティを無視し、このプロパティをまったく指定しなかったかのようになりました。

これを試したときに同じ結果が得られました:

font-style: italic, bold;

これを試したとき、私は別の結果を得ました:

font-style: italic; bold;

今回は、最初に指定されたスタイル(斜体)を使用し、2番目のスタイル(太字)を無視したことが発生しました。

これは純粋なCSSで実行できますか?

25
Sophia_ES

あなたは近くにいました。

italicfont-styleで使用されますが、太字はfont-weightで使用されます。

つかいます:

font-weight: bold;
font-style: italic;
76

font-styleは単一値のプロパティです。とにかくboldはフォントの太さです。複数の値を組み合わせるには、ショートハンドfontプロパティを使用できます。ただし、font略記には必須エントリfont-sizeおよびfont-familyがあります。これらの両方を略記に含めない場合、プロパティは無視されます。

これらをitalic boldと一緒にfont速記に含めると、動作するはずです。

2
TylerH

W3Schoolsが悪いもう1つの理由は、 font-weight を使用して太字を設定し、 font-style をイタリックを設定する必要があることです。

font-weight: bold;
font-style: italic;
1
epascarello

これらの2つのプロパティを使用して、斜体と太字のフォントを使用できます。

font-style  : italic
font-weight : bold

font-weight doc: W3Schools font-weight

フォントスタイルのドキュメント: W3Schoolsフォントスタイル

1
Weedoze

このコードを見てください:

font: italic bold 12px/30px Georgia, serif;
0
vignesh