Definición de .font-size aplicado en CSS
La propiedad .font-size
especifica el tamaño o altura de la fuente. .font-size
afecta no solo la fuente a la que se aplica, sino que también se usa para calcular el valor de las unidades de longitud EM, REM y EX.
Caso de uso : propiedad CSS font-size
Si quieres utilizar esta propiedad de CSS en tu stylesheet, hazlo de esta forma:
p {
font-size: 20px;
}
Otro ejemplo más avanzado de .font-size es el siguiente de CODEPEN:
Sintaxis de .font-size en CSS
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;
Valores
Valor | Descripción | Manifestación |
---|---|---|
medio | Establece el tamaño de fuente en un tamaño mediano. esto es por defecto | |
xx-pequeño | Establece el tamaño de fuente en un tamaño xx-pequeño | |
extra pequeño | Establece el tamaño de fuente en un tamaño extra pequeño | |
pequeña | Establece el tamaño de fuente en un tamaño pequeño | |
largo | Establece el tamaño de fuente en un tamaño grande | |
extragrande | Establece el tamaño de fuente en un tamaño extra grande | |
xx-grande | Establece el tamaño de fuente en un tamaño xx grande | |
menor | Establece el tamaño de fuente a un tamaño más pequeño que el elemento principal | |
más grande | Establece el tamaño de fuente a un tamaño mayor que el elemento principal | |
longitud | Establece el tamaño de fuente en un tamaño fijo en px, cm, etc. | |
% | Establece el tamaño de fuente en un porcentaje del tamaño de fuente del elemento principal | |
inicial | Establece esta propiedad en su valor predeterminado. | |
heredar | Hereda esta propiedad de su elemento padre. |
Exploradores compatibles con .font-size
Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
font-size-adjust | Not supported | Not supported | 3.0 | Not supported | Not supported |