CSS フォントの省略表記におけるスラッシュは何を意味しますか?

CSS フォントの省略表記におけるスラッシュについて

CSS では、フォント プロパティを使用すると、1 つの宣言で複数のフォント関連のプロパティを設定する便利な方法が提供されます。ただし、このプロパティでスラッシュを使用すると、混乱を招く可能性があります。

スラッシュは何を意味しますか?

次の CSS プロパティのスラッシュは、

実際には 2 つを設定します。個別のプロパティ:

公式 CSS ドキュメントによると、この構文は従来の構文を模倣しています。書体のサイズを「x pt on y pt」として指定するための活版印刷の略記。「x」はグリフのサイズを表し、「y」は行の高さを表します。

植字の伝統

活字植字の世界においてでは、この「x on y」表記を使用して書体を指定するのが一般的であり、CSS もこの概念を継承しています。印刷版と同様に、スラッシュ文字はフォント サイズと行の高さの値を分割します。

構文要件

ただし、この簡略表記では両方のフォントを指定する必要があることに注意することが重要です。家族とサイズ。質問に示されている例、font: 100%/120%; は無効であり、ブラウザーによって無視されます。これを有効にするには、次のようなフォント ファミリを追加する必要があります。

CSS フォント プロパティのスラッシュの意味を理解することで、テキストのサイズと行間隔を効果的に制御できます。ウェブデザイン。

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