tutorial pengembangan web terbaru
 

Style backgroundAttachment Property

<Style Object

Contoh

Mengatur background-image untuk diperbaiki (will not scroll) :

document.body.style.backgroundAttachment = "fixed";
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

The backgroundAttachment set properti atau kembali apakah gambar latar belakang harus gulir dengan konten, atau diperbaiki.


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
backgroundAttachment 1.0 4.0 1.0 1.0 3,5

Sintaksis

Kembali properti backgroundAttachment:

object .style.backgroundAttachment

Mengatur properti backgroundAttachment:

object .style.backgroundAttachment="scroll|fixed|local|initial|inherit"

Nilai properti

Nilai Deskripsi
scroll Gulungan latar belakang bersama dengan elemen. Ini adalah default
fixed latar belakang tetap berkaitan dengan viewport
local Gulungan latar belakang bersama dengan isi elemen
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: gulir
Kembali Nilai: Sebuah String, mewakili bagaimana gambar latar belakang melekat objek dalam dokumen
CSS Versi CSS1

Contoh lebih

Contoh

Pilih antara scroll dan lokal pada elemen DIV:

document.getElementById("myDIV").style.backgroundAttachment = "local";
Cobalah sendiri "

Contoh

Beralih antara gulir dan tetap:

var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment=(x=="scroll")? "fixed":"scroll";
Cobalah sendiri "

Contoh

Mengembalikan nilai dari properti background-attachment:

alert(document.body.style.backgroundAttachment);
Cobalah sendiri "

Pages terkait

CSS tutorial: CSS Background

Referensi CSS: background-attachment property

Referensi HTML DOM: background property


<Style Object