Ejemplo
Ajuste el tamaño de la fuente para los diferentes elementos HTML:
h1 {
font-size: 250%;
}
h2 {
font-size: 200%;
}
p {
font-size: 100%;
}
Inténtalo tú mismo " Definición y Uso
La propiedad font-size establece el tamaño de una fuente.
| Valor por defecto: | medium |
|---|---|
| Heredado: | yes |
| animatable: | yes. Read about animatable Try it |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.fontSize="14px" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| font-size | 1.0 | 5.5 | 1.0 | 1.0 | 7.0 |
sintaxis CSS
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| medium | Establece el tamaño de fuente a un tamaño mediano. Esto es por defecto | Juegalo " |
| xx-small | Establece el tamaño de fuente a un tamaño xx-small | Juegalo " |
| x-small | Establece el tamaño de fuente a un tamaño pequeño adicional | Juegalo " |
| small | Establece el tamaño de fuente a un tamaño pequeño | Juegalo " |
| large | Establece el tamaño de fuente a un tamaño grande | Juegalo " |
| x-large | Establece el tamaño de fuente a un tamaño extra grande | Juegalo " |
| xx-large | Establece el tamaño de fuente a un tamaño xx-large | Juegalo " |
| smaller | Establece el tamaño de fuente a un tamaño más pequeño que el elemento padre | Juegalo " |
| larger | Establece el tamaño de fuente a un tamaño más grande que el elemento padre | Juegalo " |
| length | Establece el tamaño de fuente a un tamaño fijo en píxeles, cm, etc. | Juegalo " |
| % | Establece el tamaño de fuente a un porcentaje del tamaño de la fuente del elemento padre | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS Fuentes
Referencia CSS: font property
Referencia HTML DOM: fontSize property