Tamaño de la fuente en CSS con barra diagonal


¿Qué significa la barra aquí:

font: 100%/120%;
 110
Author: Hashem Qolami, 2009-03-31

2 answers

Esto en realidad establece dos propiedades y es equivalente a:

font-size: 100%;
line-height: 120%;

Para citar la documentación oficial :

La sintaxis de esta propiedad se basa en una notación taquigráfica tipográfica tradicional para establecer múltiples propiedades relacionadas con las fuentes.

Como David M dijo en los comentarios, refleja la tradición tipográfica de especificar tamaños de letra como " x pt on y pt" para denotar el tamaño del glifo en la altura de la línea.

Pero el el ejemplo en su pregunta es realmente incorrecto y sería ignorado por el navegador: solo puede combinar estas dos propiedades en la notación abreviada font, y debe especificar al menos el tamaño de fuente y la familia. Por lo tanto, simplemente escribir font: 100%/120%; no es suficiente; sin embargo, podría agregar un apellido genérico para hacerlo válido, por ejemplo:

font: 100%/120% serif;
 170
Author: Konrad Rudolph,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-07-01 12:24:13

Konrad tiene esta, pero hay muchas propiedades CSS shorthand como esta que puede usar para acortar sus hojas de estilo. Algunos de ellos se ven un poco crípticos si no eres consciente de ellos.

 14
Author: Bill the Lizard,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2009-03-31 16:06:35