Property Background Pada CSS

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;}