ホームページ  >  記事  >  ウェブフロントエンド  >  CSS のフォント サイズ宣言でスラッシュ (/) は何をするのでしょうか?

CSS のフォント サイズ宣言でスラッシュ (/) は何をするのでしょうか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-11-11 01:44:03791ブラウズ

What does the slash (/) do in CSS font size declarations?

スラッシュを使用した CSS フォント サイズについて理解する

CSS では、フォント サイズを定義するときにスラッシュ (/) が頻繁に使用されます。混乱しているように見えるかもしれませんが、実際には重要な目的を果たしています。

次の CSS 宣言を考えてみましょう:

ここでのスラッシュは何をしますか?

スラッシュは 2 つの間の分離を表しますproperty:

  • font-size: テキストのサイズを設定します。
  • line-height: 行間の垂直方向の間隔を制御します。

したがって、上記の宣言は同等ですto:

公式定義:

CSS ドキュメントによると、「このプロパティの構文は、複数のプロパティを設定するための従来の表記上の簡略表記に基づいています」フォントに関連しています。"

誤植歴史:

伝統的なタイポグラフィでは、グリフ サイズと行の高さを示す「x pt on y pt」として書体サイズを指定するのが一般的です。この表記は、スラッシュを使用した CSS フォントの省略表現に反映されます。

ブラウザ処理:

フォントの省略表現を使用する場合は、フォント サイズとファミリーの両方を指定する必要があることに注意してください。表記。フォントのみを使用する場合: 100%/120%。は正しくないため、ブラウザによって無視されます。ただし、有効にするために一般的なファミリー名を含めることができます:

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

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