1. ホーム
  2. html

[解決済み] スラッシュを含むCSSのフォントサイズ

2022-05-16 21:04:55

質問

スラッシュは何を意味するのでしょうか。

font: 100%/120%;

どのように解決するのですか?

これは実際には2つのプロパティを設定するもので、等価です。

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

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

<ブロッククオート

このプロパティの構文は、フォントに関連する複数のプロパティを設定するための伝統的なタイポグラフィの省略記法に基づくものである。

David M がコメントで述べているように、これは、書体のサイズを " x  pt on y  pt "で、行の高さに対するグリフの大きさを表す。

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

font: 100%/120% serif;