Propiedades CSS Shorthand
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 es que permiten crear hojas de estilos mucho más concisas y por tanto, mucho más fáciles de leer.
Ejemplo (Propiedad Background):
element {
background-color: color || #hex || (rgb / % || 0-255);
background-image:url(URI);
background-repeat: repeat || repeat-x || repeat-y || no-repeat;
background-position: X Y || (top||bottom||center) (left||right||center);
background-attachment: scroll || fixed;
}
element {
background:#fff url(image.png) no-repeat 20px 100px fixed;
}
Por defecto, la propiedad background asignará lo siguiente cuando tú no declares algún valor:element {
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-position: top left;
background-attachment: scroll;
}
Las siguientes declaraciones aportan los mismos valores:element { background:red url(image.png);}
element { background:red url(image.png) repeat top left scroll;}



No hay comentarios:
Publicar un comentario