Style backgroundAttachment katangian
- Previous Page background
- Next Page backgroundColor
- Bumalik sa Nakaraang Laya HTML DOM Style Object
Paglilinang at paggamit
backgroundAttachment
Makukuhang mga setting ng katangian o ibabalik ng background image ay dapat sumailalim sa paggalaw ng nilalaman o nakapirmihan.
Maaaring tingnan pa:
HTML Estilo:background katangian
CSS Turo:CSS Background
CSS Tagapagpaalaman:background-attachment katangian
Halimbawa
Halimbawa 1
I-set ang background image sa nakapirmihan (hindi sumasailalim sa paggalaw):
document.body.style.backgroundAttachment = "fixed";
Halimbawa 2
I-pili sa DIV elemento ang scroll at local:
document.getElementById("myDIV").style.backgroundAttachment = "local";
Halimbawa 3
I-switch sa pagitan ng scroll at fixed:
var x = document.body.style.backgroundAttachment; document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
Halimbawa 4
Ibabalik ang halaga ng background-attachment katangian:
alert(document.body.style.backgroundAttachment);
Gramata
Ibabalik ang backgroundAttachment katangian:
object.style.backgroundAttachment
I-set ang backgroundAttachment katangian:
object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"
Halaga ng katangian
Halimbawa ng halaga | Paglalarawan |
---|---|
scroll | Ang background ay gumagalaw kasama ang elemento. Default. |
fixed | Ang background ay nakapirmihan sa viewport. |
local | Ang background ay gumagalaw kasama ang nilalaman ng elemento. |
initial | I-set ang katangian na ito sa kanyang default na halimbawa. Tingnan ang initial. |
inherit | Makukuha ang katangian na ito mula sa magulang na elemento. Tingnan ang inherit. |
Teknikal na detalye
Default na halimbawa: | scroll |
---|---|
Halimbawa ng pagbabalik: | string, na naglalarawan kung paano ang background image ay nakatalaga sa mga bagay sa dokumento. |
CSS bersyon: | CSS1 |
browser sumusuporta
backgroundAttachment
ay CSS1 (1996) katangian.
Ang lahat ng mga browser ay ganap na sumusuporta dito:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
Support | Support | Support | Support | Support | Support |
- Previous Page background
- Next Page backgroundColor
- Bumalik sa Nakaraang Laya HTML DOM Style Object