Algunas propiedades del estándar CSS 2.1 son especiales, ya que permiten establecer simultáneamente el valor de varias propiedades diferentes. Este tipo de propiedades se denominan"propiedades shorthand" y todos los diseñadores web profesionales las utilizan.
La gran ventaja de las propiedades shorthand es que permiten crear hojas de estilos mucho más concisas y por tanto, mucho más fáciles de leer. A continuación se incluye a modo de referencia la definición formal de las seis propiedades shorthand disponibles en el estándar CSS 2.1.
Si se considera la siguiente hoja de estilos:
p { font-style: normal; font-variant: small-caps; font-weight: bold; font-size: 1.5em; line-height: 1.5; font-family: Arial, sans-serif;} div { margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; padding-top: 3px; padding-right: 5px; padding-bottom: 10px; padding-left: 7px;} h1 { background-color: #FFFFFF; background-image: url("imagenes/icono.png"); background-repeat: no-repeat; background-position: 10px 5px;}
Utilizando las propiedades shorthand es posible convertir las 24 líneas que ocupa la hoja de estilos anterior en sólo 10 líneas, manteniendo los mismos estilos:
p { font: normal small-caps bold 1.5em/1.5 Arial, sans-serif;} div { margin: 5px 10px; padding: 3px 5px 10px 7px;} h1 { background: #FFF url("imagenes/icono.png") no-repeat 10px 5px;}
© 2014 LibrosWeb.es Novedades Condiciones Privacidad