Para que sirve Line-height en Css

Hace algunos dias me preguntaban sobre el atributo: line-height. ¿Para que sirve?...

La propiedad Line-height especifica el espacio del salto de línea base de un texto. Los valores son relativos al tamaño de la fuente del elemento y no existen valores negativos. Si dicho valor es un número, la altura de la línea se calcula multiplicando el tamaño de la fuente del elemento por dicho número.
Valor: <normal> | <number> | <length> | <%> | <inherit>

<normal>: Un salto de línea normal. Por default se usa normal.
<number>: Un número que puede ser multiplicado con el tamaño de fuente para establecer la altura de la línea.
<lenght>: La longuitud. Un salto de línea fixed en px, pt, cm, etc.
<%>: La altura de línea en porcentaje con el tamaño de la fuente que establece.
<inherit>: Especifica que el valor de la propiedad del salto de línea se debe heredar del elemento padre. (Versiones anteriores 8.0 de IE no funciona).
Ejemplos (Altura entre cada parrafo de nuestros post o entradas del blog):
.post h3 {line-height: normal;} //normal
.post h3 {line-height: 1.5;} //number
.post h3 {line-height: 12px;} //lenght
.post h3 {line-height: 85%;} //%
Espero que esto les sirva de mucho, para adornar vuestro blog, a darle algo de diseño, estos trucos para blogger o mejor dicho css para el blog son de mucha utilidad tenerlos presentes siempre que creamos un blog de blogger.
Compartir es Gratis:


1 Comentarios:

Back to Top