Ejemplo
Ajuste la altura de la línea en porcentaje:
p.small {
line-height: 90%;
}
p.big {
line-height: 200%;
}
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La propiedad line-height especifica la altura de la línea.
Note: Los valores negativos no están permitidos.
| Valor por defecto: | normal |
|---|---|
| Heredado: | yes |
| animatable: | yes. Read about animatable Try it |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.lineHeight="30px" 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 | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
sintaxis CSS
line-height: normal|number|length|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| normal | Una altura de la línea normal. Esto es por defecto | Juegalo " |
| number | Un número que se multiplica por el tamaño de la fuente de corriente para ajustar la altura de la línea | Juegalo " |
| length | Una altura de línea fija en px, pt, cm, etc. | Juegalo " |
| % | Una altura de la línea en porcentaje del tamaño de la fuente actual | 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 |
Más ejemplos
Ejemplo
Especificar el espacio entre las líneas en dos párrafos utilizando un valor de píxel.
p.small {
line-height: 10px;
}
p.big {
line-height: 30px;
} Inténtalo tú mismo " Ejemplo
Especificar el espacio entre las líneas en dos párrafos utilizando un valor numérico.
p.small {
line-height: 0.5;
}
p.big {
line-height: 2;
} Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: CSS texto
Referencia HTML DOM: lineHeight property