ボックス内のフォントサイズ指定のコツ。ボックス内

にはinheritを指定する

今まで

ボックス内の文字の大きさを指定するのに、ボックス本体のCSSに直接font-sizeを指定しても、

ボックス内で自動で付与される<p>段落には適用されないので、ボックス下の<p>にfont-sizeを指定していた。

Tst-box{font-size:1.2em;}
Tst-box p{font-size:1.2em;}

という具合。

これだとボックスによってはfont-sizeが二重に適用されて大きさが異なったりしていた。

そこで、

<p>の方の指定を「inherit」にしてみる。

Tst-box{font-size:1.2em;}
Tst-box p{font-size:inherit;}

これで大きさがきちんと統一された。

 

タイトルとURLをコピーしました