CSS-フォントサイズ

説明

_font-size_プロパティは、要素のテキストのサイズに影響します。

可能な値

xx-small -要素のテキストを、値x-smallから生じるサイズよりも小さいサイズに設定します。
x-small -要素のテキストを、値smallの結果よりも小さいサイズに設定します。
small -要素のテキストを媒体の値から生じるサイズよりも小さいサイズに設定します。
medium -要素のテキストを、大きい値から生じるサイズよりも小さく、小さい値から生じるサイズよりも大きいサイズに設定します。
大-要素のテキストを、媒体の値から生じるサイズよりも大きいサイズに設定します。
x-large -要素のテキストを、値が大きいために生じるサイズよりも大きいサイズに設定します。
xx-large -要素のテキストを、x-largeの値から生じるサイズよりも大きいサイズに設定します。
larger -要素のテキストをその親のテキストよりも大きく設定します。
smaller -要素のテキストを親のテキストよりも小さく設定します。
length -許可されている長さの値。 font-sizeに負の長さの値を使用することはできません。
percentage -親の要素に相対的な要素のテキストサイズを設定します。

に適用されます

すべてのHTML要素。

DOM構文

object.style.fontSize = "12pt";

例

このプロパティを使用した例は次のとおりです-

<html>
   <head>
   </head>

   <body>
      <p style = "font-size:20px;">
         This font size is 20 pixels
      </p>

      <p style = "font-size:small;">
         This font size is small
      </p>

      <p style = "font-size:large;">
         This font size is large
      </p>
   </body>
</html>

これにより、次の結果が生成されます–

Css-font-size

目次

CSS-フォントサイズ

説明

可能な値

に適用されます

DOM構文

例