新着!私の44ページの電子書籍「CSS in 44 minutes」が発売されました! 😃
#font-size
テキストのサイズを定義します。
デフォルト
font-size: medium;
テキストはブラウザのデフォルトの中サイズを使用します。
font-size: 20px;
ピクセル値を使用できます。
font-size: 1.2em;
em値を使用できます。
この値は親のfont-size
を基準とした相対値です。
その結果、子要素で使用した場合、値はカスケードします。
font-size: 1.2rem;
rem値を使用できます。
この値は、<html>
要素であるルート要素のfont-size
を基準とした相対値です。
その結果、値はHTML階層における要素の深さに依存せず、コンテキストに依存しないままになります。
font-size: 90%;
パーセンテージ値を使用できます。em値のように動作します。
この値は親のfont-size
を基準とした相対値です。
その結果、子要素で使用した場合、値はカスケードします。
font-size: smaller;
相対キーワードを使用できます。値は親を基準とした相対値です。
使用可能なキーワードは以下のとおりです。
larger
smaller
font-size: x-large;
絶対キーワードを使用できます。値はルート要素<html>
を基準とした相対値です。
使用可能なキーワードは以下のとおりです。
xx-small
x-small
small
medium
large
x-large
xx-large