English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS line-propiedad de espaciado de línea heightUsado paraAltura mínima del cuadro de línea definida para un elementoEstablece el espacio entre dos líneas de contenido.
Define la cantidad de espacio por encima y por debajo de un elemento en línea. Permite establecer la altura de la línea independientemente del tamaño de la fuente.
line-Valor de altura de línea de CSS-La propiedad height debe usarse junto con CSS line
| Valor | Descripción |
|---|---|
| normal | Este es el valor predeterminado. Especifica la altura normal. |
| número | Especifica un número que se multiplica por el tamaño de la fuente actual para establecer la altura de línea. |
| longitud | Se utiliza para establecer la altura de línea con px, pt, cm, etc. |
| % | Especifica la altura de línea en porcentaje de la fuente actual. |
| initial | Establece este atributo en su valor predeterminado. |
| inherit | Hereda este atributo de su elemento padre. |
!DOCTYPE html
<html>
<head>
<style>
h3.small {
line-height: 70%;
}
h3.big {
line-height: 200%;
}
</style>
</head>
<body>
<h3>
Este es un título con espaciado entre líneas estándar predeterminado.<br>
Este es un título con espaciado entre líneas estándar predeterminado.<br>
La espaciación entre líneas predeterminada en la mayoría de los navegadores es aproximadamente110％ a120％.<br>
</h3>
<h3 class="small">
Este es un título con un espacio entre líneas pequeño.<br>
Este es un título con un espacio entre líneas pequeño.<br>
Este es un título con un espacio entre líneas pequeño.<br>
Este es un título con un espacio entre líneas pequeño.<br>
</h3>
<h3 class="big">
Este es un título con un espacio entre líneas grande.<br>
Este es un título con un espacio entre líneas grande.<br>
Este es un título con un espacio entre líneas grande.<br>
Este es un título con un espacio entre líneas grande.<br>
</h3>
</body>
</html>Prueba y mira‹/›