Atributo font-size de CSS

Definición y uso

El atributo font-size puede establecer el tamaño de la fuente.

Descripción

Esta propiedad establece el tamaño de la fuente del elemento. Note que en realidad establece la altura del cuadro de caracteres de la fuente; la forma real del carácter puede ser más alta o más baja que estos cuadros (generalmente más baja).

Las fuentes correspondientes a cada clave deben ser más altas que las de la clave mínima correspondiente y más bajas que las de la clave máxima correspondiente.

Véase también:

Tutoriales de CSS:Fuente de CSS

Manual de referencia de CSS:Atributo font de CSS

Manual de referencia del DOM HTML:Atributo fontSize

Ejemplo

Establecer el tamaño de diferentes elementos HTML:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

Prueba tu mismo

Sintaxis de CSS

font-size:media|xx-pequeño|x-pequeño|pequeño|grande|x-grande|xx-grande|menor|mayor|longitud|initial|inherit;

Valor del atributo

Valor Descripción
  • xx-pequeño
  • x-pequeño
  • pequeño
  • media
  • grande
  • x-grande
  • xx-grande

Establecer el tamaño de la fuente en diferentes tamaños, desde xx-pequeño hasta xx-grande.

Valor predeterminado: media.
menor Establecer el tamaño de la fuente como menor que el tamaño del elemento padre.
mayor Establecer el tamaño de la fuente como mayor que el tamaño del elemento padre.
longitud Establecer el tamaño de la fuente como un valor fijo.
% Establecer el tamaño de la fuente como un porcentaje basado en el elemento padre.
inherit Se especifica que el tamaño de la fuente debe ser inheritado del elemento padre.

Detalles técnicos

Valor predeterminado: media
Herencia: sí
Versión: CSS1
Sintaxis de JavaScript: object.style.fontSize="mayor"

Ejemplo TIY

Establecer el tamaño de la fuente
Este ejemplo muestra cómo establecer el tamaño de la fuente.

Compatibilidad del navegador

Los números en la tabla indican la primera versión de navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0