Selamat datang kembali website tips dan trik Dumet School, jumpa kembali dengan saya yanag akan selalu memberikan atau share tips dan trik seputar dunia website. Pada kesempatan yang baik ini saya akan memberikan tips tentang Pengertian Macam – macam Fungsi Background Pada CSS, dimana macam – macam fungsi ini paling sering digunakan untuk membuat layout website dengan css. Khusus untuk teman – teman yang baru belajang tentang html dan css, penting sekali mengetahui beberapa fungsi background yang di sediakan oleh css ini. Pada umum nya tag body dalam html sebagai tag pencakup seluruh script html dalam penulisan struktur website, yang artinya untuk memulai penulisan css yang kita atur adalah tag body. Misalkan diberikan ,jenis font,background dan warna text, di dalam pemberian background tentu kita harus tahu apakah background bisa di berikan warna, image atau ukuran, fungsi background ini memiliki beberapa nama spesifik yang nanti saya akan jelaskan di artikel kali ini tentang Pengertian Macam – macam Fungsi Background Pada CSS saya harap teman – teman bisa mengimplementasikan dari beberapa fungsi background yang saya berikan beberapa penjelasan lebih spesifik. Untuk ringkasnya kita dapat menuliskan fungsi background pada css seperti contoh
body{background:orange;} = akan langsung di tampilkan warna background nya berwarna orange.
body{background:url(img.jpg);} = menampilkan background dengan gambar
Diantara 2 contoh diatas ini sama – sama memiliki penulisan yang sama, namun tidak efektif dan spesifik dalam penulisan css nya. Di bawah ini beberapa fungsi background css yang paling sering digunakan oleh seorang web designer
- background : keseluruhan, yang artinya fungsi ini dapat menjalankan dari beberapa fungsi background spesifik (background-color, background-image, background-repeat).
- background-color: lebih spesifik untuk pemberian warna background.
- background-image : untuk menampilkan background menggunakan image / gambar
- background-repeat : sebagai pendukung background-image untuk melooping atau mengulang secara horizontal dan vertical untuk penulisannya seperti (background-repeat:x; = horizontal) (background-repeat:y; = vertical) .
- background-size: juga bisa mendukung background-image jika ingin menggunakan background dengan gambar, bisa diberikan background-size:cover; agar background dengan gambar lebih presisi sesuai layout.
- background-position : untuk mengatur posisi background image, bisa dikatakan untuk mengatur posisi gambar background vertical ataupun horizontal
Sekian pada artikel kali ini tentang Pengertian Macam – macam Fungsi Background Pada CSS semoga penjabaran di atas ini bisa menambah pengetahuan teman – teman yang khususnya saat ini sedang dalam belajar tentang html dan css tentunya masih banyak lagi fungsi yang lainnya dalam css. Ini saya share yang paling sering digunakan, mungkin bisa digali tentang fungsi background lainnya supaya lebih berkembang pengetahuannya. Terimakasih dan sampai jumpa.
Semoga bermanfaat