ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSを使用してキーワードのフォントサイズを設定する
CSSを使用してキーワードのフォントサイズを設定する
- 王林転載
- 2023-09-13 14:13:01801ブラウズ
CSS font-size プロパティは、絶対キーワードと相対キーワードを使用して設定できます。これにより、必要に応じてテキストが拡大縮小されます。
構文
CSS font-size 属性の構文は次のとおりです-
Selector {
font-size: /*value*/
}次の表は、CSS で使用される標準キーワードの一覧です-
| Sr.No | 値&説明 |
|---|---|
| 中##フォント サイズを中に設定します。これはデフォルトです。 | #2|
| xx-small | #set はフォント サイズを設定します。 to xx-small size | 3
| xx-small | フォント サイズを特殊に設定しますSmall | 4
| Small | フォント サイズを小さいサイズに設定します
#5 |
| フォント サイズを大に設定します | 6 |
| フォント サイズを特大に設定します |
7 |
| フォント サイズを xx-large サイズに設定します | 8 |
| フォント サイズを親要素よりも小さく設定します |
9 |
| フォント サイズを親要素よりも大きいサイズに設定します |
##次の例は、キーワードを使用して CSS font-size プロパティを設定する方法を示しています。 |
<!DOCTYPE html>
<html>
<head>
<style>
h1{
font-size: larger;
}
#demo {
font-size: medium;
text-align: center;
background-color: floralwhite;
}
p {
font-size: xx-large;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<p id="demo">This is demo text.</p>
<p>This is another demo text.</p>
</body>
</html>出力これにより、次の出力が得られます。
例
ライブ デモンストレーション
<!DOCTYPE html>
<html>
<head>
<style>
div {
margin: auto;
padding: 5px;
width: 30%;
border: 1px solid;
border-radius: 29%;
text-align: center;
font-size: xx-small;
}
p {
font-size: xx-large;
}
</style>
</head>
<body>
<div>
<div>One</div>
<p>Two</p>
</div>
</body>
</html>出力これにより、次の出力が得られます-
以上がCSSを使用してキーワードのフォントサイズを設定するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。