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

Share To:

Unknown

View Profile
Terima kasih sudah berkunjung ke kabelantena, semoga bermanfaat,, aamiin..
----------------------------------

Post A Comment: