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

 
ir arriba