CSS latar singkat

CSS background - properti singkat

jika ingin memperpendek kode, anda dapat menentukan semua properti latar dalam satu properti. Ini disebut properti singkat.

dengan demikian tulisnya:

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

anda dapat menggunakan properti singkat background:

contoh

atur properti latar dalam satu deklarasi dengan properti singkat:

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

coba sendiri

pada saat menggunakan properti singkat, urutan nilai adalah:

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

jika salah satu nilai properti hilang, tak perlu khawatir, cukup atur nilai lainnya berdasarkan urutan ini. Perhatikan, di contoh di atas, kita tidak menggunakan properti background-attachment karena ia tidak memiliki nilai.

semua properti latar CSS

properti deskripsi
background atur semua properti latar dalam satu deklarasi dengan aturan singkat
background-attachment atur apakah gambar latar tetap atau menggulir bersama dengan bagian lain dari halaman
background-clip atur area penggambaran latar
background-color atur warna latar elemen
background-image atur gambar latar elemen
background-origin atur tempat pemasangan gambar latar
background-position Atur posisi awal gambar latar belakang.
background-repeat Atur apakah dan bagaimana gambar latar belakang akan diulang.
background-size Tentukan ukuran gambar latar belakang.