Seperti yang telah kita ketahui pada Selector Pada CSS, bahwa bagan dari Syntax CSS adalah .Selector{property:value;} atau #selector{property:value;} maka kita berlanjut pada pembahasan tiap property, dan kini kita bahas Property background.
Jenis-jenis property background pada CSS :
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
background-color
Yaitu property background jika kita ingin menggunakan warna sebagai background-nya
Syntax:
Selector{Property:Value;} ===> #body {background-color:#b0c4de;}
background-image
Yaitu property background jika kita ingin menggunakan gambar sebagai background-nya
Syntax:
Selector{Property:Value;} ===> #body {background-image:url('gambar.jpg';}
background-repeat
Untuk mengatur bagaimana background gambar kita akan di repeat
Syntax:
Selector{Property:Value;} ===> #body {background-repeat:no-repeat;}
background-attachment
Untuk mengatur backgroun gambar, apakah gambar akan ikut bergeser saat halaman di scroll atau tetap saja.
Syntax:
Selector{Property:Value;} ===> #body {background-attachment:fixed;}
fixed = background akan tetap saja saat halaman discroll.
scroll = adalah value defaultnya properti background-attachment
background-position
Untuk mengatur bagaimana posisi mulai/awal gambar bakcground.
Syntax:
Selector{Property:Value;} ===> #body {background-position:right top;}
Post A Comment: