CSS フォントショートカットのスラッシュは何を意味しますか? 質問する

CSS フォントショートカットのスラッシュは何を意味しますか? 質問する

スタイルシートに次の CSS 宣言があります。

font: 12px/18px ...

その12px/18px部分は正確には何を意味しますか?

ベストアンサー1

12pxはフォントサイズ、18pxは行の高さです。

構文は、それぞれのサイズを指定するための表記法に基づいており、fontショートハンド プロパティにのみ適用されます。つまり、上記の宣言は次のように単純に展開されます。

font-size: 12px;
line-height: 18px;

いつものように、行の高さを相対値 (パーセンテージや em など) に設定すると、フォント サイズを基準にして計算されます。

W3C CSS2.1fontプロパティリファレンス
W3C CSS3 フォント モジュールfontプロパティ リファレンス(構文は CSS2.1 から引き継がれています)

おすすめ記事