font-size

优质

小牛编辑

125浏览

2023-12-01

描述 (Description)

font-size属性会影响元素文本的大小。

可能的值 (Possible Values)

xx-small - 将元素的文本设置为小于x-small值的大小。
x-small - 将元素的文本设置为小于值小的结果。
small - 将元素的文本设置为小于值medium的大小。
medium - 将元素的文本设置为小于由大值生成的大小，并且大于由小值生成的大小。
large - 将元素的文本设置为大于值medium的大小。
x-large - 将元素的文本设置为大于值big的大小。
xx-large - 将元素的文本设置为大于x-large值的大小。
larger - 将元素的文本设置为大于其父元素的文本。
smaller - 将元素的文本设置为小于其父元素的文本。
length - 任何允许的长度值。 font-size不允许使用负长度值。
percentage - 设置元素相对于其父元素的文本大小。

适用于 (Applies to)

所有HTML元素。

DOM语法 (DOM Syntax)

object.style.fontSize = "12pt";

例子 (Example)

以下是使用此属性的示例 -

<html>
   <head>
   </head>
   <body>
      <p <b>style = "font-size:20px;"</b>>
         This font size is 20 pixels
      </p>
      <p <b>style = "font-size:small;"</b>>
         This font size is small
      </p>
      <p <b>style = "font-size:large;"</b>>
         This font size is large
      </p>
   </body>
</html>

这将产生以下结果 -