【CSS】フォントサイズの割合指定
要素のフォントサイズが20pxでしたら。
font-size: 50%;
のように記述します。
すると。
「要素のフォントサイズを基準とした割合」
のサイズで、出力できます。
コード例
html
<p>
p = 20px
<span class="font-percent">75% = 15px</span>
<span class="font-em">1.5em = 30px</span>
</p>
CSS
p { font-size: 20px; }
.font-percent { font-size: 75%; color: red; }
.font-em { font-size: 1.5em; color: blue; }
p span { padding-left: 30px; }