Niquelao » Blog-Archiv » CSS 3: Hintergrund-Eigenschaften

» Archiv des Weblogs » CSS 3: Hintergrund-Eigenschaften Niquelao CSS 3: Hintergrund-Eigenschaften 2. Dezember 2009, von Rumoroso Gestern habe ich mich dazu entschlossen, die Eigenschaften zusammenzustellen, die CSS 3 voraussichtlich zur Steuerung des Hintergrunds beliebiger Elemente (im visuellen Medium) und ihrer entsprechenden Werte enthalten wird. Mehrere davon stimmen mit denen überein, die wir gewöhnlich in unseren Stylesheets verwenden, sodass sie uns nicht fremd vorkommen sollten. Die übrigen sind neue Eigenschaften, die dazu dienen, die Mängel zu beheben, die CSS-Profis identifiziert hatten. Darauf aufbauend habe ich die folgende Tabelle erstellt: Eigenschaft Standardwert(e) % 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 …und natürlich die Shorthand-Schreibweise: background: [ || || / || || || , ]* || || / || || || || <‘background-color’> Einige der Eigenschaften werden bereits in den aktuellsten Browserversionen unterstützt (wie ich bereits im Beitrag mit dem Titel Mehrfache Hintergrundbilder mit CSS 3 erwähnt habe), wobei sie in einigen Fällen noch experimentell implementiert sind (beispielsweise in Firefox über das Präfix -moz ). Hinweis: Ich möchte daran erinnern, dass keine dieser Eigenschaften vererbt wird. Um das Thema baldmöglichst abzuschließen und klar zu verstehen, was durch die Modifikation der Hintergrund-Eigenschaften erreicht werden kann, werde ich jede einzelne davon im Detail erläutern. CSS 3: Hintergrund-Eigenschaften Kategorie: CSS —> Du kannst die Kommentare dank des RSS 2.0 Feeds verfolgen. Du kannst auch einen Trackback von deiner Website senden. Vorheriger Artikel: Mehrfache Hintergrundbilder mit CSS 3 Nächster Artikel: Wenn du Safari oder Chrome verwendest… —> —> —> Dieses Werk steht unter einer Creative Commons-Lizenz .

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.