Atribut background CSS

Definisi dan penggunaan

background Atur sederhana untuk mengatur semua properti latar belakang dalam satu pernyataan.

Dapat disetkan seperti berikut:

Jika tiada penetapan mana-mana daripada nilai, tidak akan ada masalah, contohnya background:#ff0000 url('smiley.gif'); adalah dibenarkan.

biasanya disarankan untuk menggunakan atribut ini daripada menggunaan atribut tunggal, kerana atribut ini mendapat dukungan yang lebih baik di browser yang lebih lama, dan hanya perlu mengetik huruf yang lebih sedikit.

Lihat juga:

Panduan CSS:Latar belakang CSS、Latar Belakang CSS (Mahir)

Panduan Referensi DOM HTML:Atribut background

Contoh

Bagaimana untuk mengatur semua atribut background dalam satu pernyataan:

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

Coba sendiri

Syarat CSS

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

Nilai atribut

Nilai Deskripsi CSS
background-color Ditetapkan warna background yang digunakan. 1
background-position Ditetapkan lokasi gambar latar belakang. 1
background-size Ditetapkan ukuran gambar latar belakang. 3
background-repeat Ditetapkan bagaimana gambar latar belakang diulang. 1
background-origin Ditetapkan area lokasi gambar latar belakang. 3
background-clip Ditetapkan area pengecatan background. 3
background-attachment Ditetapkan apakah gambar latar belakang tetap atau bergerak bersama dengan bagian lain dari halaman. 1
background-image Ditetapkan untuk gambar latar belakang yang digunakan. 1
inherit Ditetapkan untuk menerima pengaturan atribut background dari elemen induk. 1

Detil Teknologi

Nilai default: tidak dispecifikasikan
Inheritsi: tidak
Versi: CSS1 + CSS3
Syarat Bahasa JavaScript: object.style.background="white url(paper.gif) repeat-y"

Dukungan browser

Angka di dalam tabel menunjukkan versi browser pertama yang mendukung atribut ini penuhnya.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5