background
Legt bis zu fünf separate Hintergrundeigenschaften des Objekts fest oder ruft diese ab.
Syntax
{ background: sBackground }
Mögliche Werte
sBackground
Zeichenfolge, die bis zu fünf der folgenden durch Leerzeichen getrennten Werte in beliebiger Reihenfolge angibt oder erhält:
attachment |
Ein beliebiger Anlagenwertebereich für die background-attachment-Eigenschaft. |
color |
Ein beliebiger Farbwertebereich für die background-color-Eigenschaft. |
image |
Ein beliebiger Bildwertebereich für die background-image-Eigenschaft. |
position |
Ein beliebiger Positionswertebereich für die background-position-Eigenschaft. |
repeat |
Ein beliebiger Wiederholungswertebereich für die background-repeat-Eigenschaft. |
Diese Eigenschaft hat einen Standardwert von transparent non repeat scroll 0% 0% und wird nicht vererbt.
Hinweise
Die background-Eigenschaft ist eine Kompakteigenschaft, in der die einzelnen Hintergrundeigenschaften in einer einzigen Eigenschaft zusammengefasst werden.
Einzelne Hintergrundeigenschaften, die nicht über die Kompakteigenschaft background festgelegt wurden, werden auf ihre Standardwerte gesetzt. Beispielsweise lautet der Standardwert für image "none". Die Festlegung von background: white entspricht der Festlegung von background: white none repeat scroll 0% 0%. Zusätzlich zur Festlegung der Hintergrundfarbe auf "white" bewirkt die Festlegung background: white, dass alle vorher festgelegten Werte für image, repeat, attachment oder position gelöscht werden.
Die Hintergrundeigenschaften werden im Inhalt und den Innenabständen des Objekts dargestellt; die Rahmen werden jedoch über die Eigenschaften von border festgelegt.
Obwohl Objekte die background-Eigenschaft nicht vererben, erscheinen das Hintergrundbild oder die Hintergrundfarbe des übergeordneten Elements eines Objekts hinter einem Objekt, wenn kein Hintergrund angegeben wird.
Beispiele
In den folgenden Beispielen wird die background-Eigenschaft verwendet, um die Hintergrundwerte festzulegen. In diesem Beispiel werden die Inlineereignishandler verwendet, um die Attribute background-color und background-position eines Bilds zu ändern. Diese Eigenschaften werden mithilfe der background-Eigenschaft in einem eingebetteten Stylesheet angegeben:
<style>
.style1{ background: beige url(sphere.jpg) no-repeat top center; }
.style2{ background: ivory url(sphere.jpeg) no-repeat bottom right; }
</style>
</head>
<body>
<span onmouseover="this.className='style1'"
onmouseout="this.className='style2'">
. . .
</span>
Informationen zu Standards
Diese Eigenschaft ist unter World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 (möglicherweise in englischer Sprache) und Cascading Style Sheets (CSS), Level 1 (CSS1) (möglicherweise in englischer Sprache) definiert.
Gilt für
A, ADDRESS, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FORM, HN, HTML, I, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, ISINDEX, KBD, LABEL, LEGEND, LI, LISTING, MENU, NOBR, OL, P, PLAINTEXT, PRE, S, SAMP, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TR, TT, T, UL, VAR, XMP