CSS フォント サイズ調整におけるスラッシュ (/) は何を意味しますか?

スラッシュを使用した CSS フォント サイズ設定: 構文の解明

CSS では、フォント プロパティはスラッシュを含む構文を受け入れることができるため、その目的について疑問が生じます。この表記の意味と使用法を詳しく見てみましょう。

フォント サイズ設定のスラッシュ区切り文字

フォント サイズ設定構文のスラッシュは 2 つの値を区切ります。これは、font-size と line-height という 2 つの個別のプロパティの指定を示します。スラッシュの左側と右側の値は、それぞれこれらのプロパティを表します。

たとえば、次の CSS 宣言:

font: 100%/120%;

は、

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

伝統的な活字表記

この表記は、フォントの寸法を指定する伝統的な活字表記に由来しています。 「x pt on y pt」の形式で。ここで、「x pt」はグリフの高さを表し、「y pt」は行送りと呼ばれるテキスト行間の垂直方向の間隔を表します。

CSS フォント プロパティでスラッシュ区切り文字を許可することにより、開発者は次のことを指定できるようになります。フォント サイズと行間隔の両方を 1 つの簡潔な行にまとめます。

有効な使用法

これは重要ですフォントの簡略記法では、フォント サイズとフォント ファミリーの両方を指定する必要があることに注意してください。どちらかの値を省略すると、無効な宣言になります。たとえば、次は有効な使用法です:

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