Niquelao » Archivio del weblog » CSS 3: Proprietà di sfondo

» Archivio del weblog » CSS 3: Proprietà di sfondo Niquelao CSS 3: Proprietà di sfondo 2 dicembre 2009, di Rumoroso Ieri mi è venuto in mente di raccogliere le proprietà che prevedibilmente CSS 3 includerà per controllare lo sfondo di qualsiasi elemento (nel mezzo visivo) e i relativi valori. Diverse di esse coincidono con quelle che usiamo abitualmente nei nostri fogli di stile, quindi non dovrebbero risultarci estranee. Le altre sono nuove proprietà che vengono a colmare le lacune che i professionisti del CSS avevano identificato. Da ciò ho preparato la seguente tabella: Proprietà valore/i predefinito/i % background-attachment [scroll | fixed | local] [ , [scroll | fixed | local] ]* scroll - background-clip [border-box | padding-box] [ , [border-box | padding-box] ]* border-box - background-color transparent - background-image [ | none] [ , [ | none] ]* none - background-origin [border-box | padding-box | content-box] [ , [border-box | padding-box | content-box] ]* padding-box - background-position [ [ [ | | left | center | right ] ] [ [ | | top | center | bottom ] ]? | [ center | [ left | right ] [ | ]? ] || [ center | [ top | bottom ] [ | ]? ] ]* 0% 0% se background-repeat [repeat-x | repeat-y | [repeat | space | round | no-repeat] ] [ , repeat-x | repeat-y | [repeat | space | round | no-repeat] ]* repeat - background-size [ [ | | auto ]{1,2} | cover | contain ] [ , [ | | auto ]{1,2} | cover | contain ]* auto se …e naturalmente, la forma shorthand : background: [ || || / || || || , ]* || || / || || || || <’background-color’> Alcune delle proprietà cominciano ad avere supporto nelle versioni più recenti dei browser (come già menzionato nel post intitolato Immagini di sfondo multiple con CSS 3 ), includendosi in alcuni casi in forma sperimentale (per esempio in Firefox tramite il prefisso -moz ). nota: Vi ricordo che nessuna delle proprietà viene ereditata. A breve, per completare l’argomento e comprendere chiaramente ciò che possiamo arrivare a ottenere modificando le proprietà di sfondo, spiegherò in dettaglio cosa fa ciascuna di esse. CSS 3: Proprietà di sfondo Categoria: CSS —> Puoi seguire i commenti grazie al feed RSS 2.0 . Puoi anche inviare un trackback dal tuo sito. Articolo precedente: Immagini di sfondo multiple con CSS 3 Articolo successivo: Se utilizzi Safari o Chrome… —> —> —> Quest’opera è distribuita con licenza Creative Commons .

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; take a look here if you want the current details.