2016-07-05 5 views
13

This W3Schools tutorialは、CSS font-styleプロパティを使用してテキストを太字にする方法(旧式のHTMLでは<b&g>this</b>に相当)とテキストを斜体にする方法(旧式のHTMLでは<i>this</i>に相当)を教えてくれました。CSSで太字と斜体を組み合わせる方法は?

しかし、テキストを同時に両方のプロパティを持つようにする方法はどこにもないようです(旧式のHTMLでは<b><i>this</i></b>に相当)。

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

私はこれを試してみた:

font-style: italic bold; 

結果はページの両方の性質を無視していることだった、と私はすべてでこのプロパティを指定したことがないかのようでした。

font-style: italic; bold; 

この時、何が起こったが、それは最初のスタイルを使用したことである:私はこれをしようとしたとき

font-style: italic, bold; 

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

は、私は同じ結果を得ました与えられたもの(イタリック体)は2番目(太字)を無視した。

これは純粋なCSSで行うことができますか?

+0

太字の値ですフォントの太さではなく、フォントのスタイル – j08691

+0

あなたはあなたがリンクしたページのどこに "太字"を読みましたか? –

答えて

54

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

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

用途:

font-weight: bold; 
font-style: italic; 
+0

ありがとうございます。私はちょうどあなたの提案を試みました、そして、それは完全に働いた。 :-) –

0

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

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

font-styleは、単一値のプロパティです。とにかくboldはfont-weightです。複数の値を組み合わせるには、簡略fontプロパティを使用できます。しかし、font略語は、エントリが必要です:font-sizefont-family。これらの両方を省略形に含めると、プロパティは無視されます。

fontにはitalic boldと一緒にこれらを含めるとうまくいくはずです。

+0

あなたがここで問題を見つけたものについてコメントするのは気をつけますか? – TylerH

1

W3Schoolsのは悪いですもう一つの理由、あなたはイタリックを設定するために大胆な設定するfont-weightを使用してfont-styleする必要があります。

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

w3schoolsを守るのではなく、 'font-style'のページに' bold'は書いていません。 – j08691

+0

Opのステートメントでは、そうなったようです。 – epascarello

+0

私はW3Schoolsを本当に好きではありませんが、今回はそれが彼らのせいではありません。 「太字」はOPのリンクのどこにも記載されていません。 –

1
あなたはこれらの2つのプロパティ

を使用して、斜体や太字フォントを持つことができます

font-style : italic 
font-weight : bold 

のfont-weight DOC:W3Schools font-weight

フォントスタイルのDOC:W3Schools font-style

関連する問題