Niquelao » Weblog-arkiv » CSS 3: Baggrundsegenskaber

Rumoroso I går fik jeg lyst til at samle de egenskaber, som CSS 3 forventes at inkludere for at styre baggrunden på ethvert element (i det visuelle medie) samt deres tilhørende værdier. Flere af dem falder sammen med dem, vi normalt bruger i vores stilark, så de bør ikke fremstå fremmede for os. De øvrige er nye egenskaber, der kommer til at udbedre de mangler, som CSS-professionelle har identificeret. På baggrund heraf har jeg udarbejdet følgende tabel: Egenskab standardværdi(er) % 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 [ [ [ | <længde> | left | center | right ] ] [ [ | <længde> | top | center | bottom ] ]? | [ center | [ left | right ] [ | <længde> ]? ] || [ center | [ top | bottom ] [ | <længde> ]? ] ]* 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 [ [ <længde> | | auto ]{1,2} | cover | contain ] [ , [ <længde> | | auto ]{1,2} | cover | contain ]* auto ja …og selvfølgelig shorthand-syntaksen: background: [ || || / <bg-størrelse> || || || , ]* || || / <bg-størrelse> || || || || <‘baggrundsfarve’> Nogle af egenskaberne begynder allerede at være understøttet i de nyeste browserversioner (som jeg nævnte i indlægget med titlen Flere baggrundsbilleder med CSS 3), og i nogle tilfælde er implementeringen endnu eksperimentel (f.eks. i Firefox via præfikset -moz ). Bemærk: Jeg minder om, at ingen af disse egenskaber nedarves. Snart vil jeg, for at gøre emnet helt klart og give en dybdegående forståelse af, hvad vi kan opnå ved at modificere baggrundsegenskaberne, gennemgå hver enkelt egenskab i detaljer. CSS 3: Baggrundsegenskaber Kategori: CSS —> Du kan følge kommentarerne via RSS 2.0-feedet . Du kan også sende et trackback fra dit eget websted. Forrige artikel: Flere baggrundsbilleder med CSS 3 Næste artikel: Hvis du bruger Safari eller Chrome… —> —> —> Dette værk er licenseret 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.