Tabia ya backgroundOrigin ya Style

Mifano na matumizi

backgroundOrigin Tabia hii inasababisha tabia ya background-position kuwa kwa kiwango cha:

Kashita:Ikiwa tabia ya background-attachment ya picha ya nyakati inaonekana kama: "fixed"inaonekana kwamba tabia hii inahatarisha.

Mfano

Kutengeneza kiwango kwa picha ya nyakati kwa kuzingatia kufungua kikweli cha kibali:

document.getElementById("myDIV").style.backgroundOrigin = "content-box";

Jifunze tena

Inasababisha

Kurudi tabia ya backgroundOrigin:

object.style.backgroundOrigin

Kuweka tabia ya backgroundOrigin:

object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"

Chaguo cha tabia

Chaguo Maelezo
padding-box Chaguo cha kuzingatia. Picha ya nyakati inatengeneza kiwango kwa kuzingatia kufungua kikweli cha kina cha kina ya kuzingatia.
border-box Picha ya nyakati inatengeneza kiwango kwa kuzingatia kufungua kikweli cha kifungu cha kina.
content-box Picha ya nyakati inatengeneza kiwango kwa kuzingatia kufungua kikweli cha kibali.
initial Inasababisha tabia hii kuwa kwa chaguo cha kuzingatia. Angalia initial.
inherit Inakubali tabia hii kutoka kwa kifungu cha baba chake. Angalia inherit.

Vivyo vya teknolojia

Chaguo cha kuzingatia: padding-box
Matokeo wa kuzungumza: Mwili wa stringi, inaonyesha maelezo ya kina ya elementi Mfano wa background-origin.
Muungano wa CSS: CSS3

Wakilishi wa kifungu

backgroundOrigin ni tochi cha CSS3 (1999).

Watau wa inasema kwa kuzungumza kwa kila kifungu cha interneti:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Mwongozo Mwongozo Mwongozo Mwongozo Mwongozo 11

Vijana vya vingine

Mwongozo wa CSS:Mfano wa background-origin