Farben und Hintergründe
Siehe den Abschnitt über Farbeinheiten für die Syntax der gültigen Farbwerte.
14.1 Vordergrundfarbe. die Eigenschaft ‚color‘
Vom Benutzerprogramm abhängig
Diese Eigenschaft beschreibt die Vordergrundfarbe eines Textinhalt des Elements. Es gibt verschiedene Möglichkeiten, rot zu spezifizieren:
14.2 Der Hintergrund
Hintergrundeigenschaften werden nicht vererbt, sondern die Hintergrund der übergeordneten Box wird standardmäßig durchscheinen wegen des anfänglichen ‚transparent‘ Wertes auf ‚background-color‘.
Der Hintergrund des Wurzelelement wird der Hintergrund der Leinwand und deckt die gesamte Leinwand. Anker (für ‚background-position‘) an der gleichen Stelle, wie es wäre, wenn es sich nur für das Wurzelelement gemalt wurde. Das Wurzelelement nicht diesen Hintergrund malt wieder.
Für HTML-Dokumente, empfehlen wir jedoch, dass die Autoren den Hintergrund für das BODY-Element und nicht das HTML-Element angeben. Bei Dokumenten, dessen Wurzelelementes ist ein HTML „HTML“ Element oder ein XHTML „html“ Element, das für die Werte von ‚transparent‘ für ‚Hintergrundfarbe‘ und ‚none‘ ‚Hintergrund-Bild‘ berechnet hat. Benutzerprogramme müssen stattdessen den berechneten Wert der Eigenschaften Hintergrund verwendet von diesem Elemente des ersten HTML „BODY“ Elemente oder XHTML „body“ Element Kind, als Hintergründe für die Leinwand zu malen, und darf nicht einen Hintergrund für das Kind Element malen. Solche Hintergründe müssen auch an der gleichen Stelle verankert werden, wie sie wäre, wenn sie nur für das Wurzelelement gemalt wurden.
Beachten Sie, dass die Regel für das BODY-Element funktionieren, obwohl der BODY-Tag hat in der HTML-Quelle weggelassen, da der HTML-Parser den fehlenden Tag schließen wird.
Hintergründe von Elementen, die einen Stapelkontext (siehe die ‚z-Index‘ Eigenschaft) bilden, sind an der Unterseite des Stapelkontextes Elemente gemalt, unter etwas in diesem Stapelkontext.
14.2.1 Hintergrundeigenschaften. 'Hintergrundfarbe'. 'Hintergrundbild'. 'Hintergrund Wiederholung'. 'Background-attachment'. 'Background-position'. und ‚Hintergrund‘
absolute URI oder keine
Diese Eigenschaft legt das Hintergrundbild eines Elements. Wenn ein Hintergrundbild einstellen, Autoren sollten auch eine Hintergrundfarbe angeben, der verwendet wird, wenn das Bild nicht verfügbar ist. Wenn das Bild verfügbar ist, wird es auf der Hintergrundfarbe gemacht. (Somit ist die Farbe sichtbar in den transparenten Teilen des Bildes).
Werte für diese Eigenschaft sind entweder
Intrinsic Dimensionen als Prozentsatz ausgedrückt müssen auf die Abmessungen des Rechtecks relativ gelöst werden, die das Koordinatensystem für das ‚Hintergrund-Position‘ Eigentum festlegt.
Wenn das Bild eines von entweder einer intrinsischen Breite oder Höhe einer inneren und ein Intrinsic-Seitenverhältnis, dann wird die fehlende Dimension von der gegebenen Dimension und das Verhältnis berechnet.
Wenn das Bild eines von entweder einer intrinsischen Breite oder Höhe einer intrinsischen und kein intrinsischen Seitenverhältnis ist, dann wird die fehlende Dimension sein, die Größe des Rechtecks angenommen, dass das Koordinatensystem für das ‚Hintergrund-Position‘ Eigentum festlegt.
Wenn das Bild hat keine intrinsischen Dimensionen und hat eine Grenzverhältnis die Abmessungen ausgegangen werden, müssen die größten Abmessungen zu diesem Verhältnis sein, so daß weder Dimension, die Abmessungen des Rechtecks überschreitet, der das Koordinatensystem für das ‚Hintergrund-Position‘ Eigentum festlegt.
Wenn das Bild entweder kein intrinsisches Verhältnis hat, dann müssen die Abmessungen ausgegangen werden, um das Rechteck sein, die das Koordinatensystem für das ‚Hintergrund-Position‘ Eigentum festlegt.
wiederholen | repeat-x | repeat-y | no-repeat | erben
Wenn ein Hintergrundbild angegeben ist, gibt diese Eigenschaft, ob das Bild wiederholt wird (Kachel), und wie. Alle Fliesen deckt den Inhalt. Polsterung und Randbereiche einer Schachtel.
Werte haben folgende Bedeutung:
wiederholt Das Bild wiederholt wird, sowohl horizontal als auch vertikal. repeat-x Das Bild wird horizontal nur wiederholt. repeat-y das Bild vertikal nur wiederholt. Das Bild no-repeat wird nicht wiederholt: nur eine Kopie des Bildes gezogen wird.
Eine Kopie des Hintergrundbildes zentriert und andere Kopien sind oben und unten zu machen, ein vertikales Band hinter dem Element gesetzt.
Wenn ein Hintergrundbild spezifiziert ist, gibt diese Eigenschaft, ob es in Bezug auf das Darstellungsfeld ( ‚fixierte‘) oder zusammen mit dem scrollt umschließende Block ( ‚scroll‘) festgelegt ist.
Beachten Sie, dass es nur ein Ansichtsfenster pro Ansicht ist. Wenn ein Element einen Scrolling-Mechanismus hat (siehe ‚Überlauf‘), ein ‚fester‘ Hintergrund bewegt sich nicht mit dem Elemente, und einen ‚Scroll‘ Hintergrund mit dem Scroll-Mechanismus bewegt sich nicht.
In ausgelagerten Medien, in denen kein Ansichtsfenster gibt es eine ‚feste‘ Hintergrund ist in Bezug auf die Seite Kasten befestigt und wird daher auf jeder Seite wiederholt.
In diesem Beispiel wird ein unendliches Band, die vertikale „verleimt“ auf das Darstellungsfeld bleibt, wenn das Element gescrollt wird.
Siehe den Abschnitt über die Konformität für weitere Einzelheiten.
beziehen sich auf die Größe der Box selbst
zum
Wenn ein Hintergrundbild festgelegt wurde, gibt diese Eigenschaft seine Ausgangsposition zurück. Wenn nur ein Wert angegeben ist, wird der zweite Wert zu sein, ‚Zentrum‘ angenommen. Wenn mindestens ein Wert kein Schlüsselwort ist, dann ist der erste Wert stellt die horizontale Position und die zweite stellt die vertikale Position. Negativ
Allerdings ist die Position in CSS 2.1 nicht definiert, wenn das Bild eine intrinsische Verhältnis hat, aber keine intrinsische Größe.
Wenn das Hintergrundbild innerhalb des Ansichtsfensters befestigt ist (siehe ‚Hintergrund-attachment‘ Eigenschaft), wird das Bild relativ zu dem Darstellungsfeld anstelle des Elements Padding-Feldes platziert. Beispielsweise,
In dem obigen Beispiel wird das (einzige) Bild in der unteren rechten Ecke des Darstellungsfeldes platziert.