CSS background Property

Definitie en gebruik

background Korte eigenschappen stellen alle achtergrond-eigenschappen in binnen een verklaring.

U kunt de volgende eigenschappen instellen:

Als geen van de waarden wordt ingesteld, kan er geen probleem optreden, bijvoorbeeld background:#ff0000 url('smiley.gif'); is toegestaan.

Het wordt meestal aanbevolen om deze eigenschap te gebruiken in plaats van afzonderlijke eigenschappen, omdat deze eigenschap beter wordt ondersteund in oudere browsers en minder letters hoeft te worden ingetypt.

Zie ook:

CSS Handleiding:CSS achtergrondenCSS Achtergrond (geavanceerd)

HTML DOM Referentiemanual:background eigenschap

Voorbeeld

Hoe alle achtergrond-eigenschappen in één verklaring in te stellen:

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

Probeer het zelf

CSS Syntax

background: bg-color bg-image positie/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

Eigenschapswaarde

Waarde Beschrijving CSS
background-color Het voorschrijven van de te gebruiken achtergrondkleur. 1
background-position Het voorschrijven van de positie van de achtergrondafbeelding. 1
background-size Het voorschrijven van de maat van de achtergrondafbeelding. 3
background-repeat Het voorschrijven van hoe de achtergrondafbeelding wordt herhaald. 1
background-origin Het voorschrijven van de positiegebied van de achtergrondafbeelding. 3
background-clip Het voorschrijven van het tekeningsgebied van de achtergrond. 3
background-attachment Het voorschrijven of de achtergrondafbeelding固定或者随着页面的其余部分滚动。 1
background-image Het voorschrijven van het te gebruiken achtergrondbeeld. 1
inherit Het wordt voorgeschreven dat de instelling van de background-eigenschap van het ouder element moet worden geërfd. 1

Technische details

Standaardwaarde: niet gespecificeerd
Inheritsbaarheid: nee
Versie: CSS1 + CSS3
JavaScript Syntax: object.style.background="white url(paper.gif) repeat-y"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5