Atrybut Style backgroundAttachment
- Poprzednia strona Tło
- Następna strona Kolor tła
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM
Definicja i użycie
backgroundAttachment
Ustawienie lub zwracanie atrybutu określa, czy obraz tła powinien być przesuwany z treścią, czy być stały.
Zobacz również:
HTML Style:Atrybut background
CSS Tutorial:Tło CSS
CSS Książka referencyjna:Atrybut background-attachment
Przykład
Przykład 1
Ustawienie obrazu tła na stałe (nie będzie się przesuwać):
document.body.style.backgroundAttachment = "fixed";
Przykład 2
Wybór scroll i local w elemencie DIV:
document.getElementById("myDIV").style.backgroundAttachment = "local";
Przykład 3
Przełączanie między scroll i fixed:
var x = document.body.style.backgroundAttachment; document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
Przykład 4
Zwróć wartość atrybutu background-attachment:
alert(document.body.style.backgroundAttachment);
Gramatyka
Zwróć atrybut backgroundAttachment:
object.style.backgroundAttachment
Ustawienie atrybutu backgroundAttachment:
object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"
Wartość atrybutu
Wartość | Opis |
---|---|
scroll | Tło śledzi element. |
fixed | Tło jest stałe względem pola widzenia. |
local | Tło śledzi zawartość elementu. |
initial | Ustawia tę właściwość na jej wartość domyślną. Zobacz: initial. |
inherit | Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit. |
Szczegóły techniczne
Domyślna wartość: | scroll |
---|---|
Wartość zwracana: | ciąg znaków, który określa, jak obraz tła jest przypisany do obiektów w dokumencie. |
Wersja CSS: | CSS1 |
Wspieranie przeglądarek
backgroundAttachment
jest cechą CSS1 (1996).
Wszystkie przeglądarki całkowicie je wspierają:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
Wspierane | Wspierane | Wspierane | Wspierane | Wspierane | Wspierane |
- Poprzednia strona Tło
- Następna strona Kolor tła
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM