Background Shorthand CSS

Untuk mempersingkat kode, Anda dapat membuat semua properti background dalam satu properti tunggal dengan properti shorthand.

Daripada menulis kode seperti ini:

body {
  background-color: #ffffff;
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

Anda dapat menggunakan properti shorthand yaitu background:

body {
  background: #ffffff url("img_tree.png") no-repeat right top;
}

Saat menggunakan properti singkatan, urutan nilai properti adalah sebagai berikut:

• background-color
• background-image
• background-repeat
• background-attachment
• background-position

Tidak masalah jika salah satu nilai properti hilang, selama yang lain ada dalam urutan ini. Perhatikan bahwa contoh diatas tidak menggunakan properti background-attachment, karena tidak memiliki nilai.