/* Blog untuk Penggemar Gratis dan Free: Background CSS*/


Tuesday, March 17, 2009

Background CSS

Properti background pada CSS digunakan untuk:

  • Mengatur warna Latar belakang suatu elemen
  • Menjadikan gambar sebagai latar belakang suatu elemen
  • Mengatur posisi latar belakang gambar dalam suatu halaman.
  • Melakukan pengulangan gambar secara vertikal dan horizontal

Sebelum membahas property backbround lebih lanjut, ada baiknya kita mengetahui property-property yang berhubungan dengan background.

Tabel Property yang berhubungan dengan background:


PropertyDeskripsiValue
backgroundUntuk mengatur semua property background sekaligus

background-color

background-image

background-position

background-attachment

background-repeate

background-
color
Untuk mengeset warna latar belakang pada suatu elemen
color-rgb
color-hex
color-name
transparent

background-
image
Untuk mengeset sebuah gambar menjadi latar belakang pada suatu elemen

url(URL)

none

background-positionUntuk mengeset posisi gambar latar belakang

top left

top center

top right

center left

center center

center right

bottom left

bottom center

bottom right

x% y%

xpos ypos

background-attachmentUntuk memilih posisi gambar akan tetap atau menghilang pada waktu di scroll

scroll

fixed

background-repeateUntuk mengeset pengulangan sebuah gambar

repeat

repeat-x

repeat-y

no-repeat

No comments:

Post a Comment