Pengertian Macam – macam Fungsi Background Pada CSS

Selamat datang kembali situs tips dan trik Source Code Aplikasi, jumpa kembali dengan saya yanag akan selalu memberikan atau share tips dan trik seputar dunia situs. Di kesempatan yang bagus ini saya akan memberikan tips mengenai Pengertian Macam – macam Fungsi Background Pada CSS, dimana macam – macam manfaat ini sangat sering digunakan bagi membangun layout situs dengan css. Khusus bagi teman – teman yang baru belajang mengenai html dan css, urgen sekali mengetahui beberapa manfaat background yang di sediakan oleh css ini. Di umum nya tag body pada html selaku tag pencakup seluruh script html pada penulisan struktur situs, yang artinya bagi memulai penulisan css yang kita atur yaitu tag body. Misalkan diberikan ,jenis font,background dan warna text, di pada pemberian background tentu kita mesti tahu apakah background dapat di berikan warna, image atau ukuran, manfaat background ini mempunyai beberapa nama spesifik yang nanti saya akan jelaskan di artikel kali ini mengenai Pengertian Macam – macam Fungsi Background Pada CSS saya harap teman – teman dapat mengimplementasikan dari beberapa manfaat background yang saya berikan beberapa penjelasan lebih spesifik. Bagi ringkasnya kita dapat menuliskan manfaat background di css seperti contoh



body{background:orange;} = akan seketika di tampilkan warna background nya berwarna orange.



body{background:url(img.jpg);} = menampilkan background dengan gambar



Diantara 2 contoh diatas ini sama – sama mempunyai penulisan yang sama, namun tak tepat sasaran dan spesifik pada penulisan css nya. Di bawah ini beberapa manfaat background css yang sangat sering digunakan oleh seorang web designer




  • background : keseluruhan, yang artinya manfaat ini dapat menjalankan dari beberapa manfaat background spesifik (background-color, background-image, background-repeat).


  • background-color: lebih spesifik bagi pemberian warna background.


  • background-image : bagi menampilkan background menggunakan image / gambar


  • background-repeat : selaku pendukung background-image bagi melooping atau mengulang secara horizontal dan vertical bagi penulisannya seperti (background-repeat:x; = horizontal) (background-repeat:y; = vertical) .


  • background-size: pun dapat mendukung background-image kalau ingin menggunakan background dengan gambar, dapat diberikan background-size:cover; agar background dengan gambar lebih presisi sesuai layout.


  • background-position : bagi mengatur posisi background image, dapat dinamakan bagi mengatur posisi gambar background vertical ataupun horizontal



Demikianlah di artikel kali ini mengenai Pengertian Macam – macam Fungsi Background Pada CSS semoga penjabaran di atas ini dapat menambah pengetahuan teman – teman yang khususnya ketika ini sedang pada belajar mengenai html dan css pastinya masih banyak lagi manfaat yang lainnya pada css. Ini saya share yang sangat sering digunakan, mungkin dapat digali mengenai manfaat background lainnya supaya lebih berkembang pengetahuannya. Terimakasih dan hingga jumpa.



Semoga bermanfaat




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Even di javascript adalah sebuah suatu yang terjadi di element tertentu, maksudnya yaitu suatu respon atau aksi yang di lakukan oleh user dimana kegiatan tersebut akan memicu jalannya script javascript yang terdapat di blog tersebut. Di javascript terdapat banyak event namun di pembahasan kali ini kita akan membahas mengenai Perbedaan Antara Keyup dan Keydown Di jQuery, Keyup adalah sebuah event yang akan di jalankan ketika tombol dilepaskan di di keyboard, dan sedangkan Keydown adalah sebuah event ketika tombol ditekan di keyboard.
Read more

Membuat Table Warna Berselang dengan PHP

Image
Selamat datang di blog Source Code Aplikasi, masih dengan File yang kemarin, tapi sekarang ini kita akan menggunakan Framework Bootstrap dan Membangun Table Warna Berselang dengan PHP, jadi jangan lupa yang kemarin praktekin dulu yah teman teman link nya yang ini . oka seketika saja kita praktekan.
Read more