Exemplu
Poziția imaginii de fundal în raport cu caseta de conținut:
document.getElementById("myDIV").style.backgroundOrigin = "content-box"; Încearcă - l singur » Definiție și utilizare
Seturile de proprietate backgroundOrigin sau returnează ceea ce proprietatea background-position este relativ la.
Note: În cazul în care proprietatea background-attachment pentru imaginea de fundal este "fixed" , această proprietate nu are nici un efect.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| backgroundOrigin | 4 | 9 | 4 | 3.0 | 10.5 |
Sintaxă
Întoarcere proprietatea backgroundOrigin:
object .style.backgroundOrigin
Setați proprietatea backgroundOrigin:
object .style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
Valori de proprietate
| Valoare | Descriere |
|---|---|
| padding-box | Valoare implicită. Imaginea de fundal este poziționat în raport cu caseta padding |
| border-box | Imaginea de fundal este poziționat în raport cu caseta de frontieră |
| content-box | Imaginea de fundal este poziționat în raport cu caseta de conținut |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | padding-box |
|---|---|
| Întoarcere Valoare: | Un șir, care reprezintă proprietatea background-origine a unui element |
| CSS Versiune | CSS3 |
Pagini similare
Referință CSS: background-origin property de background-origin property
<Style Object