ホームページ  >  記事  >  ウェブフロントエンド  >  CSS で ex は何を意味しますか

CSS で ex は何を意味しますか

WBOY
WBOYオリジナル
2021-12-22 14:32:223522ブラウズ

CSS の

Ex は相対的な長さの単位で、現在のフォントに対する相対的な「x 高さ」の長さを表します。つまり、通常はフォントの半分である文字「x」の高さに対する相対的な長さを表します。高さ。構文は「サイズ属性: 値 ex;」です。

CSS で ex は何を意味しますか

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css における ex の意味

css における Ex は相対的な長さの単位です。

CSS には、長さを表すためのさまざまな単位があります。

多くの CSS プロパティは、幅、マージン、パディング、フォント サイズなどの「長さ」の値を受け入れます。

長さは、10px、2em などの数値の後に長さの単位が続きます。

相対長さ単位は、別の長さ属性に対する相対的な長さを指定します。相対的な長さの単位は、異なるレンダリング メディア間でより適切にスケーリングされます。

ex は、現在のフォントに対する相対的な「x 高さ」の長さを表します。例は次のとおりです:

<html>
<head>
<style>
div {
  font-size: 30px;
  border: 1px solid black;
}
span {
  font-size: 1ex;
}
</style>
</head>
<body>
<div>这个 div 元素的 font-size 被设置为 30px。<span>div 元素内部的 span 元素的 font-size 为 1ex。</span></div>
</body>
</html>

出力結果:

CSS で ex は何を意味しますか

(ビデオ共有を学ぶ: css ビデオ チュートリアル )

以上がCSS で ex は何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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