Exemplu
Se specifică zona de pictură de fundal:
div
{
border: 10px dotted black;
padding:35px;
background: yellow;
background-clip: content-box;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea background-clip specifică zona de pictura de fundal.
| Valoare implicită: | border-box |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.backgroundClip="content-box" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| background-clip | 4 | 9 | 4 | 3.0 | 10.5 |
CSS Sintaxa
background-clip: border-box|padding-box|content-box|initial|inherit;Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| border-box | Valoare implicită. Fundalul este prins la caseta de frontieră | Joaca - l » |
| padding-box | Fundalul se tunde la cutia padding | Joaca - l » |
| content-box | Fundalul se tunde la cutia de conținut | 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ță: backgroundClip property