CSS フォント宣言のスラッシュ (/) の意味は何ですか?

CSS フォント サイズ設定のスラッシュを理解する

以下の例にあるように、CSS フォント宣言のスラッシュ (/) には、特定の意味:

font: 100%/120%;

通常のフォント宣言とは異なり、この構文は複数のフォント関連のプロパティを同時に設定します:

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

CSS ドキュメントによると、この簡略表記は従来の印刷規則に基づいています。 。タイポグラファーは、グリフ (文字) サイズと行の高さを示すために「x pt on y pt」という形式をよく使用します。

この例では、「100%」はフォント サイズを指し、「120%」はフォント サイズを指します。行の高さに合わせます。行の高さによって、テキストの行間の垂直方向の間隔が決まります。行の高さ 120% は、垂直方向の間隔がフォント サイズの 120% になることを意味します。

フォントの簡略記法では、少なくともフォント サイズとファミリーを指定する必要があることに注意してください。したがって、次の宣言は無効です:

font: 100%/120%;

これを有効にするには、汎用フォント ファミリ名を追加できます:

font: 100%/120% serif;

以上がCSS フォント宣言のスラッシュ (/) の意味は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。