web-dev-qa-db-ja.com

CSSのスラッシュ付きフォントのサイズ

ここでスラッシュはどういう意味ですか:

font: 100%/120%;
120
Alex

これは実際に2つのプロパティを設定し、次と同等です。

font-size: 100%;
line-height: 120%;

公式ドキュメント を引用するには:

このプロパティの構文は、フォントに関連する複数のプロパティを設定するための従来の活字表記法に基づいています。

David Mがコメントで述べたように、書体のサイズを「xpt ony」と指定する植字の伝統を反映しています。 pt」は、行の高さのグリフサイズを示します。

しかし、あなたの質問の例は実際には間違っており、ブラウザによって無視されます:font略記法でこれらの2つのプロパティのみを組み合わせることができ、そしてmust少なくともフォントサイズとファミリの両方を指定します。したがって、単にfont: 100%/120%;と書くだけでは十分ではありません。ただし、一般的なファミリ名を追加して有効にすることもできます。例:

font: 100%/120% serif;
179
Konrad Rudolph

Konradはこれを取得しましたが、スタイルシートを短縮するために使用できるこのような多くの CSS略記 プロパティがあります。それらのいくつかは、あなたがそれらに気付いていない場合、少し不可解に見えます。

14
Bill the Lizard