Rabu, 22 Mei 2013

CSS BASIC (#12-CSS Backgrounds)


css


Anda dapat mengatur tampilan background dari tiap elemen pada halaman anda dengan menggunakan property background.
background:#000000 url(url background) top left repeat fixed;

Values:
  • attachment
  • color
  • image
  • position
  • repeat


Anda juga bisa mengatur setiap property secara individu.


Background Attachment

Anda dapat mengatur apakah background akan mengikuti gerakan ke bawah dan ke atas (scroll) dari halaman atau tetap pada posisinya.
background-attachment:value;

Values:
  • scroll
  • fixed


Background Color

Anda bisa secara khusus menetapkan warna dari background dengan menyisipkan property background-color.
background-color:value;

Values:
  • color name
  • hexadecimal number
  • RGB color code
  • transparent


Background Image

Anda dapat mengatur background menggunakan gambar.
background-image:url(url gambar);

Values:
  • url
  • none


Background Position

Anda dapat mengatur posisi gambar untuk background pada tiap elemen dengan menggunakan property background-position.
background-position:value;

Values:
  • top left
  • top center
  • top right
  • center left
  • center center
  • center right
  • bottom left
  • bottom center
  • bottom right
  • x-% y-%
  • x-pos y-pos


Background Repeat

Anda dapat mengatur background dari suatu elemen menjadi berulang vertikal, berulang horizontal ataupun tetep (tidak berulang).
background-repeat:value;

Values:
  • no-repeat
  • repeat (x+y)
  • repeat-x (horizontal)
  • repeat-y (vertical)


;)
#stupidJob

1 komentar:

  1. numpang lewat aja ane gan, hehe
    Ane belum begitu ngerti soal css, thanks for sharing

    BalasHapus