Exemplu
Lăsați imaginea de fundal începe de la colțul din stânga sus al conținutului:
#example1
{
background:url(img_flwr.gif);
background-repeat: no-repeat;
padding:35px;
background-origin: content-box;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea background-origine specifică în cazul în care imaginea de fundal este poziționat.
Note: În cazul în care proprietatea background-attachment este setat la "fixed" , această proprietate nu are nici un efect.
| Valoare implicită: | padding-box |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.backgroundOrigin="content-box" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| background-origin | 4 | 9 | 4 | 3.0 | 10.5 |
CSS Sintaxa
background-origin: padding-box|border-box|content-box|initial|inherit;Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| padding-box | Valoare implicită. Imaginea de fundal pornește de la colțul din stânga sus al marginii padding | Joaca - l » |
| border-box | Imaginea de fundal pornește de la colțul din stânga sus al frontierei | Joaca - l » |
| content-box | Imaginea de fundal pornește de la colțul din stânga sus al conținutului | Joaca - l » |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială | Joaca - l » |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Pagini similare
Tutorial CSS3: CSS3 Fundaluri
HTML DOM referință: backgroundOrigin property