Laman

Selasa, 20 Juli 2010

Belajar Memahami Fungsi CSS...

CSS alias Cascading Style Sheet adalah kumpulan kode untuk web designer agar tampilan websitenya lebih bagus dan enak dipandang mata. Dengan CSS tampilan kode html yang standar dapat dimodifikasi sedemikian rupa hingga tampilannya tidak lagi kaku. Tapi kata paman Wikipedia, pengetian CSS adalah:

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL.

Pertama-tama kita harus memahami nama dari tiap syntak css. Berikut gambar yang saya ambil dari w3school, semoga dapat menambah pengetahuan anda:
Sekarang kita akan mencoba membahas satu persatu kode css tersebut, posting berikut tidak akan tuntas lengkap membahas kode css seluruhnya, tetapi akan di perbarui sedikit demi sedikit. Ok,,, kita mulai saja.

1. Background

background-attachment Menentukan kondisi latar ketika di scroll (digulung layarnya). Pilihannya apakah fixed, scroll, atau inherit.
background-color Berfungsi untuk memberi warna latar belakang, warna dituliskan dalam kode hexadecimal.
background-image Berfungsi untuk memberi gambar pada latar belakang. Menu pilihannya dapat berupa url dari sebuah gambar, inherit atau none.
background-position Berfungsi untuk menentukan posisi latar. Menu pilihannya dapat berupa bottom, center, inherit, left, right, atau top.
background-repeat Untuk menentukan kondisi pengulangan dari latar itu. Pilihannya dapat berupa inherit, repeat, repeat-x, repeat-y, atau no-repeat.



2. Border
border Memberikan garis tepi pada suatu elemen yang dipilih
border-bottom Memberikan garis tepi pada bagian bawah
border-bottom-color Memberikan warna garis tepi pada bagian bawah
border-bottom-style Memberikan bentuk garis tepi pada bagian bawah
border-bottom-width Memberikan ketebalan garis tepi pada bagian bawah
border-collapse ...?
border-color Memberikan warna pada garis tepi
border-left Memberikan garis tepi pada bagian kiri
border-left-color Memberikan warna garis tepi pada bagian kiri
border-left-style Memberikan bentuk garis tepi pada bagian kiri
border-left-width Memberikan ketebalan garis tepi pada bagian kiri
border-right Memberikan garis tepi pada bagian kanan
border-right-color Memberikan warna garis tepi pada bagian kanan
border-right-style Memberikan bentuk garis tepi pada bagian kanan
border-right-width Memberikan ketebalan garis tepi pada bagian kanan
border-spacing ...?
border-style Memberikan bentuk garis tepi
border-top Memberikan garis tepi pada bagian atas
border-top-color Memberikan warna garis tepi pada bagian atas
border-top-style Memberikan betuk garis tepi pada bagian atas
border-top-width Memberikan ketebalan garis tepi pada bagian atas
border-width Memberikan ketebalan garis tepi

Tidak ada komentar:

Poskan Komentar

Setelah membaca tinggalin komennya ya....
makasih :)