ホームページ  >  記事  >  ウェブフロントエンド  >  CSS フォント サイズ調整におけるスラッシュは何を意味しますか?

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-10 01:51:02279ブラウズ

What Does the Slash Mean in CSS Font Sizing?

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

例「font: 100%/120%;」には特別な意味があります。異なるフォント関連のプロパティを設定する 2 つの値を区切ります。

同等のプロパティ

このコンテキストでスラッシュを使用することは、2 つの個別のプロパティを設定することと同等です。

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

活字の伝統

この構文グリフのサイズと行の高さを「y pt 上の x pt」として示すために使用される伝統的な活版印刷の表記法を模倣しています。

間違った使用法

ただし、次の点に注意することが重要です。質問に示されている例「font: 100%/120%;」は無効です。短縮表記では、少なくともフォント サイズとファミリーの両方を指定する必要があります。これを有効にするには、

"font: 100%/120% serif;"

のような一般的なフォント ファミリ名を追加できます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。