CSS >> background

Background digunakan untuk memasukkan gambar/warna di dalam div atau tag html. Tidak semua tag dapat memakai background dengan sempurna.

Format dasar:

background: url('paper.gif') yellow no-repeat;

Sub bagian dari Background:

1. background-attachment. Nilainya
   
   • Scroll
   • Fixed
   • inherited
2. background-color. Nilainya
   
   • yellow;
   • #00ff00;
   •  rgb(255,0,255);
3. background-image. nilainya : url(xxxx.gif );
4. background-position. nilainya
   
   • left top
   • left center
   • left bottom
   • right top
   • right center
   • right bottom
   • center top
   • center center
   • center bottom
   • x% y%
   • xpos ypos
   • inherit
5. background-repeat. Nilainya
   
   • repeat;
   • repeat-x;
   •  repeat-y;
   • no-repeat;
   • inherit
6. background-clip dan -webkit-background-clip
   
   • border-box;
   • padding-box;
   • content-box;
7. background-origin. Nilai
   
   • border-box;
   • padding-box;
   • content-box;
8. background-size
   
   • 60px 80px = ukuran gambar
   • 12% 18% = persentase ke lebar
   • cover = ukuran sebesar lebar
   • contain = setinggi layar