Tutorial latar belakang CSS3 Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari latar belakang CSS3,Dukungan Browser,Properti background-image CSS3,contoh,contoh,CSS3 properti background-size,contoh 1,contoh 2,atribut background-Asal CSS3,contoh,CSS3 beberapa gambar latar belakang,contoh,CSS3 properti background-clip,contoh,latar belakang properti baru,
CSS3 berisi beberapa properti latar belakang baru, memberikan elemen latar belakang kontrol yang lebih besar.
Dalam bab ini Anda akan belajar tentang latar belakang properti berikut:
Anda juga akan belajar bagaimana menggunakan beberapa gambar latar belakang.
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.
milik | |||||
---|---|---|---|---|---|
background-image (Dengan beberapa latar belakang) | 4.0 | 9.0 | 3.6 | 3.1 | 11.5 |
background-size | 4.0 1.0 -webkit- | 9.0 | 4.0 3.6 moz | 4.1 3.0 -webkit- | 10.5 10,0 -o- |
background-asal | 1.0 | 9.0 | 4.0 | 3.0 | 10.5 |
background-clip | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
CSS3 dapat menambahkan gambar latar belakang melalui properti background-image.
gambar latar belakang yang berbeda dan gambar dipisahkan dengan koma, semua gambar yang ditampilkan di bagian atas yang pertama.
Anda dapat mengatur jumlah properti yang berbeda untuk gambar yang berbeda
background-size menentukan ukuran gambar latar belakang. CSS3 lalu, ukuran gambar latar belakang ditentukan oleh ukuran sebenarnya dari gambar.
CSS3 dapat menentukan gambar latar belakang, mari kita kembali menentukan ukuran gambar latar belakang dalam lingkungan yang berbeda. Anda dapat menentukan persentase atau pixel ukuran.
Anda menentukan ukuran relatif terhadap lebar dan tinggi dari ukuran induk elemen persentase.
Ulang gambar latar belakang:
Meregangkan gambar latar belakang untuk benar-benar mengisi area konten:
atribut background-Asal menentukan lokasi daerah gambar latar belakang.
konten-box, dapat ditempatkan di dalam padding-box, dan daerah perbatasan-kotak gambar latar belakang.
Posisi gambar latar belakang di konten-kotak:
CSS3 beberapa gambar latar belakang | |
CSS3 memungkinkan Anda untuk elemen The menambahkan beberapa gambar latar belakang. |
Mengatur dua gambar latar belakang dalam elemen body:
CSS3 The background-clip latar belakang properti dipotong untuk mulai menggambar dari lokasi yang ditentukan
pesanan | deskripsi | CSS |
---|---|---|
background-clip | Ketentuan latar belakang area gambar. | 3 |
background-asal | Yang telah ditentukan latar belakang wilayah posisi gambar. | 3 |
background-size | Background image dari ukuran yang telah ditentukan. | 3 |