Niquelao » Webbloggarkiv » CSS 3: Bakgrundsegenskaper

» Arkiv för webloggen » CSS 3: Bakgrundsegenskaper Niquelao CSS 3: Bakgrundsegenskaper 2 december 2009, av Rumoroso Igår fick jag för mig att sammanställa de egenskaper som sannolikt kommer att ingå i CSS 3 för att styra bakgrunden på valfritt element (i det visuella mediet) samt deras motsvarande värden. Flera av dem sammanfaller med de vi vanligtvis använder i våra stilmallar, så de bör inte kännas främmande. Resten är nya egenskaper som ska åtgärda de brister som CSS-proffs har identifierat. Utifrån detta har jag tagit fram följande tabell: Egenskap standardvärde/n % 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% ja 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 ja …och självklart shorthand-syntaxen: background: [ || || / || || || , ]* || || / || || || || <‘background-color’> Vissa av egenskaperna börjar få stöd i de senaste webbläsarversionerna (som jag redan nämnde i inlägget med titeln Flera bakgrundsbilder med CSS 3), och i vissa fall inkluderas de experimentellt (till exempel i Firefox via prefixet -moz ). notering: Jag påminner om att ingen av egenskaperna ärvs. Snart, för att avsluta ämnet på bästa sätt och tydligt förstå vad vi kan uppnå genom att modifiera bakgrundsegenskaperna, kommer jag att gå igenom varje enskild egenskap i detalj. CSS 3: Bakgrundsegenskaper Kategori: CSS —> Du kan följa kommentarerna via RSS 2.0-flödet . Du kan också skicka en trackback från din egen webbplats. Föregående artikel: Flera bakgrundsbilder med CSS 3 Nästa artikel: Om du använder Safari eller Chrome… —> —> —> Detta verk är licensierat under en Creative Commons-licens .

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.