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

CSS フォントの省略表現: スラッシュの意味を解明する

CSS フォントの省略表現プロパティを使用すると、フォント属性の宣言を 1 つに凝縮できます。ライン。しかし、2 つの値を区切るスラッシュ (/) は何を意味するのでしょうか?

質問:

次の CSS では:

font: 12px/18px ...

とは何ですか?値「12px」と「18px」表現しますか?

答え:

スラッシュは、2 つの異なるフォント属性を区切る視覚的なインジケータとして機能します:

• 12px : これは個人の身長を示すフォント サイズです。文字。
• 18px: これは行の高さであり、テキストの行間の垂直方向の間隔を定義します。

説明:

この構文は、フォント サイズと行の高さを指定するために使用される活字表記から派生しています。これらを 1 つの短縮宣言に結合すると、上記の行は次と同等になります。

font-size: 12px;
line-height: 18px;

行の高さが相対値 (パーセントまたは ems など) に設定されている場合、フォントに基づいて計算されます。 size.

この構文はフォント短縮プロパティ専用であり、個々のフォント属性では使用できないことに注意してください。この省略表現を利用する開発者は、属性を個別に指定する手間が省けるので便利です。

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