Penggunaan Perintah Background di dalam CSS

Pada bab-bab sebelumnya saya telah mebahas mengenai "Mengenal Bahasa Pemrograman CSS" dan "Beberapa Cara Memanggil CSS ke dalam HTML". Kali ini sedikit mengulas dari kedua bab tersebut, dan lebih di spesifikkan kedalam penggunaan perintah background. Sebenarnya kalau kita bahas satu-persatu bakalan banyak banget mulai dari perintah background, behavior, border, bottom, caption-side, clear, clip, color, content, dll. Semoga saja saya bisa mengulas semuanya di blog ini.

Sebenarnya perintah background ini terdiri dari perintah-perintah sebagai berikut:

1. Background
Perintah ini pada dasarnya adalah keseluruhan perintah yang memungkinkan didalamnya akan berisi perintah-perintah background-color, background-image, background-attachment, background-repeat, dan background-position. Sebagai contoh adalah sebagai berikut:
contoh{ background: background: red url(image.gif) no-repeat fixed left top;}

2. Background-color
Perintah ini berfungsi untuk memberikan warna pada latar belakang. Sebagai contoh: contoh{background-color:red;}

3. Background-image
Perintah ini akan memberikan tampilan gambar yang diambil dari URL. Sebagai contoh:
contoh{background-image: url(image.jpg);}

4. Background-attachment
Perintah ini akan mengatur apakah tampilan background-image mengikuti dokumen(scroll) atau dokumen yang mengikuti background-image(fixed). Sebagai Contoh:
contoh{background-attachment: fixed;}

5. Background-repeat
Perintah ini akan mengatur apakah perintah background-image diulang atau tidak, kalau diulang maka di ulang ke arah mana. Perintah ini terdiri dari 4 jenis:

• x = dengan perintah ini, maka background akan diulang kearah sumbu x.
• y = dengan perintah ini, maka background akan diulang kearah sumbu y.
• no-repeat = dengan perintah ini, maka background tidak akan diulang.

Sebagai contoh adalah sebagai berikut:
contoh{ background-repeat: repeat-x;}
,
contoh{ background-repeat: repeat-y;}
atau
contoh{ background-repeat: no-repeat;}

6. Background-position
Perintah ini akan mengatur posisi dari background-image yang akan menyebabkan gambar diulang dalam kedua arah (x dan y) sepanjang ditentukan sumbu. Sebagai contoh:
contoh{ background-position: x y;} » contoh{ background-position: right bottom;}

Semoga pembahasan saya kali ini bisa menambah wawasan Anda mengenai CSS, kritik, saran, dan dukungan tetap diperlukan demi kemajuan blog ini. Sampai jumpa lagi pada pembahasan selanjutnya.