この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で実行できますか?
あなたは近くにいました。
italic
はfont-style
で使用されますが、太字はfont-weight
で使用されます。
つかいます:
font-weight: bold;
font-style: italic;
font-style
は単一値のプロパティです。とにかくbold
はフォントの太さです。複数の値を組み合わせるには、ショートハンドfont
プロパティを使用できます。ただし、font
略記には必須エントリfont-size
およびfont-family
があります。これらの両方を略記に含めない場合、プロパティは無視されます。
これらをitalic bold
と一緒にfont
速記に含めると、動作するはずです。
W3Schoolsが悪いもう1つの理由は、 font-weight を使用して太字を設定し、 font-style をイタリックを設定する必要があることです。
font-weight: bold;
font-style: italic;
これらの2つのプロパティを使用して、斜体と太字のフォントを使用できます。
font-style : italic
font-weight : bold
font-weight doc: W3Schools font-weight
フォントスタイルのドキュメント: W3Schoolsフォントスタイル
このコードを見てください:
font: italic bold 12px/30px Georgia, serif;