ここでスラッシュはどういう意味ですか:
font: 100%/120%;
これらはどうですか?背景:「rgba(0、0、0、0)なし繰り返しスクロール0%0%/自動パディングボックスボーダーボックス」
—
jerinho.com
ここでスラッシュはどういう意味ですか:
font: 100%/120%;
回答:
これは実際には2つのプロパティを設定し、以下と同等です。
font-size: 100%;
line-height: 120%;
公式ドキュメントを引用するには:
このプロパティの構文は、フォントに関連する複数のプロパティを設定するための従来の活版印刷の省略表記に基づいています。
David Mがコメントで述べたように、これはタイプフェイスサイズを「x pt on y pt」と指定して、行の高さのグリフサイズを示すという植字の伝統を反映しています。
しかし、あなたの質問の例は実際には間違っており、ブラウザによって無視されます:これらの2つのプロパティはfont
省略表記でのみ組み合わせることができ、少なくともフォントサイズとファミリの両方を指定する必要があります。font: 100%/120%;
したがって、単に書くだけでは十分ではありません。ただし、一般的なファミリ名を追加して有効にすることもできます。例:
font: 100%/120% serif;
Konradがこれを取得しましたが、スタイルシートを短縮するために使用できる、このようなCSS省略プロパティがたくさんあります。あなたがそれらに気づいていない場合、それらのいくつかは少し不可解に見えます。
border-*
。デビッドは私の回答へのコメントで良い説明をしました。略記が不可解であることについては、確かに本当ですが、とても便利で、学ぶのも非常に簡単です。
font-size
スラッシュは受け入れません。正しいプロパティはfont
です。