Belajar CSS3 – background-(size, origin dan clip)
Home › CSS › Belajar CSS3 – background-(size, origin dan clip)
Pada CSS3 terdapat properti baru yaitu background-size, background-clip dan background origin semuany
Diperbaharui: 20 January 2021
CSS3 menyediakan beberapa properti baru untuk mengatur background atau latar belakang pada elemen, seperti: background-size, background-clip dan background origin. Terkait seputar background yang lainnya, Anda bisa baca kembali CSS dasar seputar background.
Dengan properti background-size Anda bisa menggunakannya untuk menentukan ukuran gambar latar belakang atau background. Ukuran bisa ditentukan dalam unit pengukuran, cover dan container.
Anda bisa memberikan nilai pada properti background-size dengan unit pengukuran pixel.
Anda bisa memberikan nilai pada properti background-size dengan unit pengukuran kata kunci cover. Dengan nilai ini maka gambar benar-benar full menutupi konten, tidak ada ruang putih sedikit pun, tidak menyebabkan scrollbar dll.
Anda bisa memberikan nilai pada properti background-size dengan unit pengukuran kata kunci contain. Dengan nilai ini maka gambar akan menjadi sebesar mungkin tergantung pada proporsi gambar latar belakang, mungkin ada beberapa daerah latar belakang yang tidak tercakup oleh gambar latar belakang.
Dengan properti background-clip Anda bisa menggunakannya untuk menentukan wilayah latar belakang apakah meluas ke perbatasan atau tidak.
Kemungkinan nilai untuk properti ini adalah:
Dengan properti background-origin Anda bisa menggunakannya untuk menentukan posisi dari gambar latar belakang.