<relative-size>

構文

<relative-size> = smaller | larger 

値

データ型 <relative-size> は下記の一覧からキーワード値を選んで定義します。

smaller

継承サイズより一回り小さい相対サイズ。

larger

継承サイズより一回り大きい相対サイズ。

解説

<relative-size> キーワードは要素の現在のサイズからの相対サイズです。継承サイズが <absolute-size> キーワードを使用して定義されている場合、 <relative-size> 値は <absolute-size> 表の隣接サイズと等しくなります。それ以外の場合、相対的なサイズの増減は 120% から 150% の間になります。

例

キーワード値の比較

<ul> <li class="smaller">font-size: smaller;</li> <li>font-size が指定されていない</li> <li class="larger">font-size: larger;</li> </ul> 

li { margin-bottom: 0.3em; } .smaller { font-size: smaller; } .larger { font-size: larger; } 

結果

仕様書

関連情報

• CSS の <absolute-size> データ型
• CSS の font および font-size プロパティ
• CSS フォントモジュール