Atribut background CSS

Definisi dan penggunaan

background Atribut singkat mengatur semua properti latar belakang dalam satu deklarasi.

Dapat disetel seperti berikut properti:

Jika tidak diatur nilai mana pun di antaranya, tidak akan ada masalah, seperti background:#ff0000 url('smiley.gif'); juga diperbolehkan.

Umumnya disarankan untuk menggunakan atribut ini daripada menggunakan atribut yang terpisah, karena atribut ini mendapatkan dukungan yang lebih baik di peramban yang lebih lama, dan membutuhkan huruf yang kurang untuk ditulis.

Lihat juga:

Panduan CSS:Latar Belakang CSSdanLatar Belakang CSS (Mahir)

Panduan Referensi DOM HTML:Atribut background

Contoh

Bagaimana mengatur semua atribut latar belakang dalam satu pernyataan:

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

Coba sendiri

Syarat CSS

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

Nilai atribut

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

Detil Teknologi

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

Dukungan peramban

Angka di tabel menunjukkan versi peramban 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