CSS- achtergrond Eigenschap
Voorbeeld
Stel verschillende achtergrondeigenschappen in één aangifte in:
body
{
background: lightblue url("img_tree.gif") no-repeat fixed center;
}
Definitie en gebruik
De background
eigenschap is een steno-eigendom voor:
- Achtergrond kleur
- achtergrond afbeelding
- achtergrondpositie
- achtergrondformaat
- achtergrond herhaling
- achtergrond-oorsprong
- achtergrond-clip
- achtergrond-bijlage
Het maakt niet uit of een van de bovenstaande waarden ontbreekt, bijvoorbeeld background:#ff0000 url(smiley.gif); is toegestaan.
Standaardwaarde: | individuele eigenschappen bekijken |
---|---|
geërfd: | Nee |
Animeerbaar: | ja, zie individuele eigenschappen . Lees over animeren |
Versie: | CSS1 + nieuwe eigenschappen in CSS3 |
JavaScript-syntaxis: | object .style.background="rode url(smiley.gif) linksboven niet herhalen" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Opmerking: zie de individuele browserondersteuning voor elke waarde hieronder.
CSS-syntaxis
background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
Opmerking: als een van de eigenschappen in de steno-declaratie de eigenschap bg-size is, moet u een / (slash) gebruiken om deze te scheiden van de eigenschap bg-position, bijvoorbeeld background:url(smiley.gif) 10px 20px/50px 50px ; resulteert in een achtergrondafbeelding, 10 pixels vanaf de linkerkant, 20 pixels vanaf de bovenkant, en de grootte van de afbeelding is 50 pixels breed en 50 pixels hoog.
Opmerking: Als u meerdere bronnen voor achtergrondafbeeldingen gebruikt, maar ook een achtergrondkleur wilt, moet de parameter achtergrondkleur als laatste in de lijst staan.
Eigendomswaarden
Value | Description | CSS |
---|---|---|
background-color | Specifies the background color to be used | 1 |
background-image | Specifies ONE or MORE background images to be used | 1 |
background-position | Specifies the position of the background images | 1 |
background-size | Specifies the size of the background images | 3 |
background-repeat | Specifies how to repeat the background images | 1 |
background-origin | Specifies the positioning area of the background images | 3 |
background-clip | Specifies the painting area of the background images | 3 |
background-attachment | Specifies whether the background images are fixed or scrolls with the rest of the page | 1 |
initial | Sets this property to its default value. Read about initial | 3 |
inherit | Inherits this property from its parent element. Read about inherit | 2 |
Gerelateerde pagina's
CSS-zelfstudie: CSS-achtergrond , CSS-achtergronden (geavanceerd)
HTML DOM-referentie: achtergrondeigenschap