background

« CSS « CSS Referenz

Übersicht:

Die background Eigenschaft ist eine Kurzform für mehrere Hintergrund-Eigenschaften. Es können eine oder mehrere Eigenschaften angegeben werden, um die Standardwerte zu verändern. Eine Angabe aller Eigenschaften ist nicht notwendig.

• Standardwert: siehe einzelne Eigenschaften
• Anwendbar auf: Alle Elemente
• Vererbbar: Nein
• Prozentwerte: nur bei background-position
• Medium: visuell
• berechneter Wert: siehe einzelne Eigenschaften

Syntax

background: inherit | [<Hintergrund>, ]* <unterster-Hintergrund>

<Hintergrund>:
[<background-image>  || <background-position>  || <background-repeat>  || <background-attachment>]
| inherit 

<unterster-Hintergrund>:
[<background-color> || <background-image>  || <background-position>  || <background-repeat>  || <background-attachment>]
|  inherit || <background-color>

Werte

inherit

Der Wert des Elternelements wird geerbt.

<background-color>

siehe background-color

<background-image>

siehe background-image

<background-position>

siehe background-position

<background-repeat>

siehe background-repeat

<background-attachment>

siehe background-attachment

Beispiele

Live Beispiel

Einfache Hintergrundfarbe

background: yellow;

Einzelnes Hintergrundbild

background: url(images/topquote.png) #c6c6c6 top left no-repeat;
padding: 15px;
width: 300px;

Mehrere Hintergründe

background: url(images/topquote.png) top left no-repeat, 
            url(images/topquote.png) #c6c6c6 bottom right no-repeat;
padding: 15px;
width: 300px; 

Browser Kompatibilität

Spezifikation

• CSS 3 Background and Borders #background
• CSS 2.1 Colors and Backgrounds #background

Siehe auch

• background-attachment, background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size
• -moz-background-inline-policy