Styl backgroundOrigin Property
Příklad
Umístěte obrázek na pozadí vzhledem k poli obsahu:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Definice a použití
Vlastnost backgroundOrigin nastavuje nebo vrací, k čemu je vlastnost background-position relativní.
Poznámka: Pokud je vlastnost background-attachment pro obrázek na pozadí "fixed", tato vlastnost nemá žádný vliv.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Syntax
Vraťte vlastnost backgroundOrigin:
object.style.backgroundOrigin
Nastavte vlastnost backgroundOrigin:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
padding-box | Default value. The background image is positioned relative to the padding box |
border-box | The background image is positioned relative to the border box |
content-box | The background image is positioned relative to the content box |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | vycpávkový box |
---|---|
Návratová hodnota: | Řetězec představující vlastnost původu prvku na pozadí |
Verze CSS | CSS3 |
Související stránky
CSS reference: vlastnost background-origin