CSSフォントの短縮形でスラッシュはどういう意味ですか?


186

スタイルシートに次のCSS宣言が表示されています。

font: 12px/18px ...

その12px/18px部分は正確にはどういう意味ですか?


2
あまりにもローカライズされているため、これを閉じるのは正しくありませんでした。質問は単純で、答えも簡単ですが、それは明らかに人々が頻繁に尋ねるものであり、良い答えがあります。
Jukka K.Korpela、

回答:


206

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

構文は、それぞれのサイズを指定するための表記上の表記に基づいており、font省略形プロパティにのみ適用できます。つまり、上記の宣言は単に次のように拡張されます。

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

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

W3C CSS2.1 fontプロパティリファレンス
W3C CSS3 Fonts Module fontプロパティリファレンス(構文はCSS2.1から引き継がれます)


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.