CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSのフォントサイズ

CSS font-sizeプロパティは、フォントのサイズを設定するために使用されます。値は、パーセンテージ、ピクセル、cm、ポイント、emなどの単位、および絶対キーワードで指定できます。相対値はアクセシビリティを最大化します。デフォルトのフォントサイズは16pxまたは12ptです。

構文

CSSfont-sizeプロパティの構文は次のとおりです-

Selector {
   font-size: /*value*/
}

次の例は、CSSのfont-sizeプロパティ-

を示しています。

例

<!DOCTYPE html>
<html>
<head>
<style>
div {
   margin: auto;
   padding: 10px;
   text-align: center;
   width: 50%;
   border: 2px solid;
   border-radius: 15%;
   font-size: 1.4em;
}
</style>
</head>
<body>
<div>
one
<div>two
<div>three</div>
</div>
</div>
</body>
</html>

出力

これにより、次の出力が得られます-

CSSのフォントサイズ

例

<!DOCTYPE html>
<html>
<head>
<style>
p {
   font-size: smaller;
}
#demo {
   font-size: initial;
}
p:last-of-type {
   font-size: 200%;
}
</style>
</head>
<body>
<h2>Demo Heading</h2>
<p>This is demo text 1.</p>
<p id="demo">This is demo text 2. </p>
<p>This is demo text 3.</p>
</body>
</html>

出力

これにより、次の出力が得られます-

CSSのフォントサイズ


  1. CSSのフォントバリアント

    font-variantプロパティは、font-variant-caps、font-variant-numeric、font-variant-alternates、font-variant-ligatures、およびfont-variant-east-asianを指定するために使用されます。 構文 font-variantプロパティの構文は次のとおりです- Selector {    font-variant: /*value*/ } 次の例は、CSSフォントバリアントプロパティ-を示しています。 例 <!DOCTYPE html> <html>

  2. CSSを使用したキーワードによるフォントサイズの設定

    CSSのfont-sizeプロパティは、絶対キーワードと相対キーワードで設定できます。これにより、テキストが必要に応じて拡大縮小されます。 構文 CSSfont-sizeプロパティの構文は次のとおりです- Selector {    font-size: /*value*/ } 次の表に、CSSで使用される標準キーワードを示します- Sr.No 値と説明 1 中 フォントサイズを中サイズに設定します。これはデフォルトです 2 xx-小さい font-sizeをxx-smallサイズに設定します 3 x-small