Tuesday, March 20, 2018

Property Background

       Property ini berguna untuk mengatur tampilan background atau halaman belakang suatu web serta pengaturan suatu background yang lainnya misalnya background dari font.

1. background Property
background Property ini untuk mengatur background secara luas
Selektor{ background:bottom}
Untuk value lain bisa : url, none, center, left, right, top, no-reapet, reapet, reapet-x, reapet-y, fixed, scroll Untuk contoh penggunaaan value url : Selektor(background:url(http://rudydevianto.com/background.png) fixed no-reapet top left}



2. background-color
background-color Property ini untuk mengatur warna dari background
Selektor {background-color:#000033}
Value lain anda bisa gunakan pewarnaan hexadecimal.



3. background-image
background-image Property ini untuk mengatur background gambar dari suatu table , halaman atau elemen yang lain
Selektor(background:url(http://rudydevianto.com/logo.png)} atau
value none untuk tidak menampilkan gambar.



4. background-attachment
background-attachment Property ini untuk mengatur suatu gambar apakah jika mouse di scroll gambar ikut scroll atau tetap
Selektor{ background-attachment:scroll}
Value lain : fixed



5. background-repeat
background-repeat Property ini untuk membuat perintah pada image yang ada pada background untuk perulangan karena disebabkan gambar yang ukuran kecil
Selektor{ background-repeat:repeat}
Value lain: no repeat, reapet-x, reapeat-y



6. background-position
background-position Property ini untuk mengatur posisi dari gambar background pada halaman.
Selektor{ background-position:top}
Value lain : left, right, bottom, center



No comments:

Post a Comment

Follow Us