CSS - tamaño de fuente

Descripción

La propiedad font-size afecta el tamaño del texto de un elemento.

Valores posibles

xx-small - Establece que el tamaño del texto del elemento sea menor que el que resulta del valor x-small.
x-small - Establece que el tamaño del texto del elemento sea menor que el que resulta del valor pequeño.
small - Establece que el tamaño del texto del elemento sea menor que el que resulta del valor medio.
medium - Establece que el texto del elemento sea un tamaño más pequeño que el que resulta del valor grande y más grande que el que resulta del valor pequeño.
large - Establece que el texto del elemento tenga un tamaño mayor que el que resulta del valor medio.
x-large - Establece que el texto del elemento tenga un tamaño mayor que el que resulta del valor grande.
xx-large - Establece que el texto del elemento tenga un tamaño mayor que el que resulta del valor x-large.
larger - Establece que el texto del elemento sea más grande que el de su padre.
smaller - Establece que el texto del elemento sea más pequeño que el de su padre.
length- Cualquier valor de longitud permitido. No se permiten valores de longitud negativos para el tamaño de fuente.
percentage - Establece el tamaño del texto del elemento en relación con el de su padre.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.fontSize = "12pt";

Ejemplo

Aquí está el ejemplo que usa esta propiedad:

<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>

Esto producirá el siguiente resultado:

↰ Previous page