ホームページ > 記事 > ウェブフロントエンド > CSSのfont-size属性の使い方
CSSのfont-size属性の使い方
- 青灯夜游オリジナル
- 2019-05-30 11:50:063685ブラウズ
css font-size 属性は、要素のフォント サイズを設定するために使用されます。このプロパティは、実際にフォント内の文字ボックスの高さを設定します。実際の文字グリフは、これらのボックスよりも高いか低い場合があります (通常は低い)。
css font-size 属性を使用するにはどうすればよいですか?
font-size プロパティはフォントのサイズを設定します。
設定できる属性値:
| Value | Description |
|---|---|
|
xx-小 x-小 小 中 大 x- large xx-large |
フォント サイズを xx-small から xx-large までのさまざまなサイズに設定します。 デフォルト値: 中。 |
| smaller | font-size を親要素よりも小さいサイズに設定します。 |
| larger | font-size を親要素よりも大きいサイズに設定します。 |
| length | フォント サイズを固定値に設定します。 |
| % | 親要素に基づいて font-size をパーセンテージ値に設定します。 |
#説明: この属性は、要素のフォント サイズを設定します。これは実際にフォント内の文字ボックスの高さを設定することに注意してください。実際の文字グリフはこれらのボックスよりも高いか低い場合があります (通常は低い)。各キーワードに対応するフォントは、最も小さいキーワードに対応するフォントよりも高く、次に大きいキーワードに対応するフォントよりも小さくなければなりません。
注: すべての主要なブラウザは、font-size 属性をサポートしています。
css font-size 属性の例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
h1 {font-size: 300%}
h2 {font-size: 200%}
p {font-size: 100%}
</style>
</head>
<body>
<h1>php中文网</h1>
<h2>php视频教程</h2>
<p>php程序员词典</p>
</body>
</html>レンダリング:
以上がCSSのfont-size属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。