Font dan Teks
font-famili
font-style
font-variant
font-weight
font-size
@font-sface
font
letter-spacing
line-height
text-decoration
text-transform
text-align
text-indent
vertical-align
Warna
color
background-color
background-image
background-repeat
background-attachment
background-position
background
Klasifikasi
dislay
list-style-type
list-style-image
list-style-pisition
list-style
Posisi
clip
height
left
overflow
position
top
visibility
width
z-index
Pencetakan
page-break-before
page-break-after
Layout
margin-top
margin-right
margin-bottom
margin-left
margin
padding-top
padding-right
padding-bottom
padding-left
padding
border-top-width
border-right-width
border-bottom-width
border-left-width
border-width
border-top-color
border-right-color
border-bottom-color
border-left-color
border-color
border-top-style
border-right-style
border-bottom-style
border-left-style
border-style
border-top
border-right
border-bottom
border-left
border
float
clear
Filter
filter
Lain-lain
active
hover
@import
!important
cursor
link
visited
Jumat, 07 Oktober 2011
CSS Reference
Background Properties
background
background-attachment
background-color
background-image
background-position
background-repeat
Border and Outline Properties
border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width
outline
outline-color
outline-style
outline-width
Dimension Properties
height
max-height
max-width
min-height
min-width
width
Font Properties
font
font-family
font-size
font-style
font-variant
font-weight
Generated Content Properties
content
counter-increment
counter-reset
quotes
List Properties
list-style
list-style-image
list-style-position
list-style-type
Margin Properties
margin
margin-bottom
margin-left
margin-right
margin-top
Padding Properties
padding
padding-bottom
padding-left
padding-right
padding-top
Positioning Properties
bottom
clear
clip
cursor
display
float
left
overflow
position
right
top
visibility
z-index
Print Properties
orphans
page-break-after
page-break-before
page-break-inside
widows
Table Properties
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Text Properties
color
direction
letter-spacing
line-height
text-align
text-decoration
text-indent
text-transform
vertical-align
white-space
word-spacing
CSS Pseudo-classes/elements
:active
after
before
first-child
first-letter
first-line
focus
over
lang
link
visited
background
background-attachment
background-color
background-image
background-position
background-repeat
Border and Outline Properties
border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width
outline
outline-color
outline-style
outline-width
Dimension Properties
height
max-height
max-width
min-height
min-width
width
Font Properties
font
font-family
font-size
font-style
font-variant
font-weight
Generated Content Properties
content
counter-increment
counter-reset
quotes
List Properties
list-style
list-style-image
list-style-position
list-style-type
Margin Properties
margin
margin-bottom
margin-left
margin-right
margin-top
Padding Properties
padding
padding-bottom
padding-left
padding-right
padding-top
Positioning Properties
bottom
clear
clip
cursor
display
float
left
overflow
position
right
top
visibility
z-index
Print Properties
orphans
page-break-after
page-break-before
page-break-inside
widows
Table Properties
border-collapse
border-spacing
caption-side
empty-cells
table-layout
Text Properties
color
direction
letter-spacing
line-height
text-align
text-decoration
text-indent
text-transform
vertical-align
white-space
word-spacing
CSS Pseudo-classes/elements
:active
after
before
first-child
first-letter
first-line
focus
over
lang
link
visited
Engkaulah Suami yang Aku Impikan
Ketika engkau mencintaiku, engkau menghormatiku. Dan ketika engkau membenciku, engkau tidak mendzalimiku. (Dr. Ramdhan Hafidz)
Aku masih ingat saat malam pertama kita, saat itu engkau mengajakku shalat Isya’ berjamaah. Setelah berdoa engkau kecup keningku lalu berkata: “Dinda, aku ingin engkau menjadi pendampingku Dunia-Akhirat”. Mendengar ucapan itu, akupun menangis terharu. Malam itu engkau menjadi sosok seperti sayyidina Ali yang bersujud semalam suntuk karena bersyukur mendapatkan sosok istri seperti Siti Fatimah. Apakah begitu berharganya aku bagimu sehingga engkau mensyukuri kebersamaan kita? Malam itu, aku tidak bisa mengungkapkan rasa syukurku ini dengan ucapan. Aku hanya bisa mengikutimu, bersujud di atas hamparan sajadah. Tanpa bisa aku bendung, air mata ini tiada hentinya mengalir karena mensyukuri anugerah Allah yang diberikan padaku dalam bentuk dirimu. Akupun berikrar, aku ingin menjadi sosok seperti Siti Fatimah, dan aku akan berusaha menjadi istri sebagaimana yang engkau impikan.
Dan ternyata sujud itu bukan hanya di saat malam pertama, setiap kali aku terbangun pada akhir sepertiga malam, ku lihat engkau sedang bersujud dengan penuh kekhusu’an. Aku kadang iri dengan keshalihanmu, engkau terlena dalam sujudmu sedang aku berbaring di atas kasur yang empuk dengan sejuta mimpi. Kenapa engkau tidak membangunkan aku? Padahal aku ingin bermakmum padamu agar kelak aku tetap menjadi istrimu di surga. Aku hanya merasakan kecupan hangat melengkapi tidur malamku saat engkau terbangun untuk melakukan shalat malam. Apakah kecupan itu sebagai isyarat agar aku terbangun dari tidurku dan melaksanakan shalat berjamaah bersamamu? Atau karena engkau tidak tega membangunkan aku saat engkau melihat begitu pulasnya aku dalam tidurku? Aku yakin, dengan ketaatanmu pada agama, engkau akan membahagiakanku dunia-akhirat. Tidakkah agama kita mengajarkan bagaimana suami harus menyayangi istri, membuatnya bahagia, melindungi dan membuatnya tersenyum. Dan sebaliknya, istri harus berbakti, melayani dan membuat suaminya terpesona padanya.
Aku tidak peduli siapakah engkau, miskin dan kaya tidak ada bedanya bagiku. Aku hanya tertarik pada sosokmu yang bersahaja dan sederhana. Raut wajahmu yang penuh dengan keikhlasan membuatku ingin selalu menatapnya. Lembutnya sifatmu membuatku yakin bahwa engkau adalah suami yang bisa menerima segala pemberian Tuhan dan akan menyayangiku apa adanya. Aku tidak peduli dengan rumah mungil dan sederhana yang engkau persembahkan untuk kita tempati bersama. Rumah yang hanya terdiri dari ruang tamu, kamar kita, dan satu ruangan yang berisi buku-buku terutama buku agama. Namun dari rumah yang mungil ini, aku melihat taman surgawi menjelma di sini. Aku yakin engkau adalah sosok suami yang tekun belajar dan memahami agama, dan dengan bekal ini aku yakin engkau bisa membimbingku untuk meraih surga ilahi. Sebagaimana agama kita telah mengisyaratkan bahwa, barang siapa berjalan dijalan ilmu, maka Allah akan mempermudah jalan menuju ke surga.
Saat kulihat engkau begitu berbakti kepada kedua orang tuamu dan senang menjalin silaturahim, aku yakin engkau akan berlaku baik pada anak-istrimu. Aku lihat engkau jarang sekali berbicara, tapi masya Allah kalau sedang bekerja, engkau menjadi sosok yang tekun dan ulet. Dan dari cara tutur katamu, aku mendengar kata-kata mutiara yang penuh hikmah, sehingga yang tergambar dalam pikiranku adalah sosok Lukmanul Hakim, sosok suami dan ayah yang selalu mendidik keluarganya, mengajarkan anaknya untuk tidak menyekutukan Allah.
Sungguh aku bangga mempunyai suami sepertimu melebihi kebanggaanmu padaku. Aku lebih membutuhkanmu jauh melebihi kebutuhanmu padaku. Terima kasih suamiku, karena engkau telah membimbingku…
Aku masih ingat saat malam pertama kita, saat itu engkau mengajakku shalat Isya’ berjamaah. Setelah berdoa engkau kecup keningku lalu berkata: “Dinda, aku ingin engkau menjadi pendampingku Dunia-Akhirat”. Mendengar ucapan itu, akupun menangis terharu. Malam itu engkau menjadi sosok seperti sayyidina Ali yang bersujud semalam suntuk karena bersyukur mendapatkan sosok istri seperti Siti Fatimah. Apakah begitu berharganya aku bagimu sehingga engkau mensyukuri kebersamaan kita? Malam itu, aku tidak bisa mengungkapkan rasa syukurku ini dengan ucapan. Aku hanya bisa mengikutimu, bersujud di atas hamparan sajadah. Tanpa bisa aku bendung, air mata ini tiada hentinya mengalir karena mensyukuri anugerah Allah yang diberikan padaku dalam bentuk dirimu. Akupun berikrar, aku ingin menjadi sosok seperti Siti Fatimah, dan aku akan berusaha menjadi istri sebagaimana yang engkau impikan.
Dan ternyata sujud itu bukan hanya di saat malam pertama, setiap kali aku terbangun pada akhir sepertiga malam, ku lihat engkau sedang bersujud dengan penuh kekhusu’an. Aku kadang iri dengan keshalihanmu, engkau terlena dalam sujudmu sedang aku berbaring di atas kasur yang empuk dengan sejuta mimpi. Kenapa engkau tidak membangunkan aku? Padahal aku ingin bermakmum padamu agar kelak aku tetap menjadi istrimu di surga. Aku hanya merasakan kecupan hangat melengkapi tidur malamku saat engkau terbangun untuk melakukan shalat malam. Apakah kecupan itu sebagai isyarat agar aku terbangun dari tidurku dan melaksanakan shalat berjamaah bersamamu? Atau karena engkau tidak tega membangunkan aku saat engkau melihat begitu pulasnya aku dalam tidurku? Aku yakin, dengan ketaatanmu pada agama, engkau akan membahagiakanku dunia-akhirat. Tidakkah agama kita mengajarkan bagaimana suami harus menyayangi istri, membuatnya bahagia, melindungi dan membuatnya tersenyum. Dan sebaliknya, istri harus berbakti, melayani dan membuat suaminya terpesona padanya.
Aku tidak peduli siapakah engkau, miskin dan kaya tidak ada bedanya bagiku. Aku hanya tertarik pada sosokmu yang bersahaja dan sederhana. Raut wajahmu yang penuh dengan keikhlasan membuatku ingin selalu menatapnya. Lembutnya sifatmu membuatku yakin bahwa engkau adalah suami yang bisa menerima segala pemberian Tuhan dan akan menyayangiku apa adanya. Aku tidak peduli dengan rumah mungil dan sederhana yang engkau persembahkan untuk kita tempati bersama. Rumah yang hanya terdiri dari ruang tamu, kamar kita, dan satu ruangan yang berisi buku-buku terutama buku agama. Namun dari rumah yang mungil ini, aku melihat taman surgawi menjelma di sini. Aku yakin engkau adalah sosok suami yang tekun belajar dan memahami agama, dan dengan bekal ini aku yakin engkau bisa membimbingku untuk meraih surga ilahi. Sebagaimana agama kita telah mengisyaratkan bahwa, barang siapa berjalan dijalan ilmu, maka Allah akan mempermudah jalan menuju ke surga.
Saat kulihat engkau begitu berbakti kepada kedua orang tuamu dan senang menjalin silaturahim, aku yakin engkau akan berlaku baik pada anak-istrimu. Aku lihat engkau jarang sekali berbicara, tapi masya Allah kalau sedang bekerja, engkau menjadi sosok yang tekun dan ulet. Dan dari cara tutur katamu, aku mendengar kata-kata mutiara yang penuh hikmah, sehingga yang tergambar dalam pikiranku adalah sosok Lukmanul Hakim, sosok suami dan ayah yang selalu mendidik keluarganya, mengajarkan anaknya untuk tidak menyekutukan Allah.
Sungguh aku bangga mempunyai suami sepertimu melebihi kebanggaanmu padaku. Aku lebih membutuhkanmu jauh melebihi kebutuhanmu padaku. Terima kasih suamiku, karena engkau telah membimbingku…
Minggu, 26 September 2010
AL QURAN DAN FISIKA
Rahasia Besi
Besi adalah salah satu unsur yang dinyatakan secara jelas dalam Al Qur'an. Dalam Surat Al Hadiid, yang berarti "besi", kita diberitahu sebagai berikut:
"…Dan Kami turunkan besi yang padanya terdapat kekuatan yang hebat dan berbagai manfaat bagi manusia ...." (Al Qur'an, 57:25)
Kata "anzalnaa" yang berarti "kami turunkan" khusus digunakan untuk besi dalam ayat ini, dapat diartikan secara kiasan untuk menjelaskan bahwa besi diciptakan untuk memberi manfaat bagi manusia. Tapi ketika kita mempertimbangkan makna harfiah kata ini, yakni "secara bendawi diturunkan dari langit", kita akan menyadari bahwa ayat ini memiliki keajaiban ilmiah yang sangat penting.
Ini dikarenakan penemuan astronomi modern telah mengungkap bahwa logam besi yang ditemukan di bumi kita berasal dari bintang-bintang raksasa di angkasa luar.
Logam berat di alam semesta dibuat dan dihasilkan dalam inti bintang-bintang raksasa. Akan tetapi sistem tata surya kita tidak memiliki struktur yang cocok untuk menghasilkan besi secara mandiri. Besi hanya dapat dibuat dan dihasilkan dalam bintang-bintang yang jauh lebih besar dari matahari, yang suhunya mencapai beberapa ratus juta derajat. Ketika jumlah besi telah melampaui batas tertentu dalam sebuah bintang, bintang tersebut tidak mampu lagi menanggungnya, dan akhirnya meledak melalui peristiwa yang disebut "nova" atau "supernova". Akibat dari ledakan ini, meteor-meteor yang mengandung besi bertaburan di seluruh penjuru alam semesta dan mereka bergerak melalui ruang hampa hingga mengalami tarikan oleh gaya gravitasi benda angkasa.
Semua ini menunjukkan bahwa logam besi tidak terbentuk di bumi melainkan kiriman dari bintang-bintang yang meledak di ruang angkasa melalui meteor-meteor dan "diturunkan ke bumi", persis seperti dinyatakan dalam ayat tersebut: Jelaslah bahwa fakta ini tidak dapat diketahui secara ilmiah pada abad ke-7 ketika Al Qur'an diturunkan.
Relativitas Waktu
Kini, relativitas waktu adalah fakta yang terbukti secara ilmiah. Hal ini telah diungkapkan melalui teori relativitas waktu Einstein di tahun-tahun awal abad ke-20. Sebelumnya, manusia belumlah mengetahui bahwa waktu adalah sebuah konsep yang relatif, dan waktu dapat berubah tergantung keadaannya. Ilmuwan besar, Albert Einstein, secara terbuka membuktikan fakta ini dengan teori relativitas. Ia menjelaskan bahwa waktu ditentukan oleh massa dan kecepatan. Dalam sejarah manusia, tak seorang pun mampu mengungkapkan fakta ini dengan jelas sebelumnya.
Tapi ada perkecualian; Al Qur'an telah berisi informasi tentang waktu yang bersifat relatif! Sejumlah ayat yang mengulas hal ini berbunyi:
"Dan mereka meminta kepadamu agar azab itu disegerakan, padahal Allah sekali-kali tidak akan menyalahi janji-Nya. Sesungguhnya sehari di sisi Tuhanmu adalah seperti seribu menurut perhitunganmu." (Al Qur'an, 22:47)
"Dia mengatur urusan dari langit ke bumi, kemudian (urusan) itu naik kepada-Nya dalam satu hari yang kadarnya adalah seribu tahun menurut perhitunganmu." (Al Qur'an, 32:5)
"Malaikat-malaikat dan Jibril naik (menghadap) kepada Tuhan dalam sehari yang kadarnya limapuluh ribu tahun." (Al Qur'an, 70:4)
Dalam sejumlah ayat disebutkan bahwa manusia merasakan waktu secara berbeda, dan bahwa terkadang manusia dapat merasakan waktu sangat singkat sebagai sesuatu yang lama:
"Allah bertanya: 'Berapa tahunkah lamanya kamu tinggal di bumi?' Mereka menjawab: 'Kami tinggal (di bumi) sehari atau setengah hari, maka tanyakanlah kepada orang-orang yang menghitung.' Allah berfirman: 'Kamu tidak tinggal (di bumi) melainkan sebentar saja, kalau kamu sesungguhnya mengetahui'." (Al Qur'an, 23:122-114)
Fakta bahwa relativitas waktu disebutkan dengan sangat jelas dalam Al Qur'an, yang mulai diturunkan pada tahun 610 M, adalah bukti lain bahwa Al Qur'an adalah Kitab Suci.
Penciptaan yang Berpasang-Pasangan
"Maha Suci Tuhan yang telah menciptakan pasangan-pasangan semuanya, baik dari apa yang ditumbuhkan oleh bumi dan dari diri mereka maupun dari apa yang tidak mereka ketahui." (Al Qur'an, 36:36)
Meskipun gagasan tentang "pasangan" umumnya bermakna laki-laki dan perempuan, atau jantan dan betina, ungkapan "maupun dari apa yang tidak mereka ketahui" dalam ayat di atas memiliki cakupan yang lebih luas. Kini, cakupan makna lain dari ayat tersebut telah terungkap. Ilmuwan Inggris, Paul Dirac, yang menyatakan bahwa materi diciptakan secara berpasangan, dianugerahi Hadiah Nobel di bidang fisika pada tahun 1933. Penemuan ini, yang disebut "parité", menyatakan bahwa materi berpasangan dengan lawan jenisnya: anti-materi. Anti-materi memiliki sifat-sifat yang berlawanan dengan materi. Misalnya, berbeda dengan materi, elektron anti-materi bermuatan positif, dan protonnya bermuatan negatif. Fakta ini dinyatakan dalam sebuah sumber ilmiah sebagaimana berikut:
"…setiap partikel memiliki anti-partikel dengan muatan yang berlawanan … … dan hubungan ketidakpastian mengatakan kepada kita bahwa penciptaan berpasangan dan pemusnahan berpasangan terjadi di dalam vakum di setiap saat, di setiap tempat."
Semua ini menunjukkan bahwa unsur besi tidak terbentuk di Bumi, melainkan dibawa oleh meteor-meteor melalui ledakan bintang-bintang di luar angkasa, dan kemudian "dikirim ke bumi", persis sebagaimana dinyatakan dalam ayat tersebut. Jelas bahwa fakta ini tak mungkin diketahui secara ilmiah pada abad ke-7, di saat Al Qur'an diturunkan. (http://www.2think.org/nothingness.html, Henning Genz – Nothingness: The Science of Empty Space, s. 205)
dari : http://www.keajaibanalquran.com/
Senin, 04 Januari 2010
LAYER DAN HYPERLINK CSS
1. LAYER
a. Untuk membuat sebuah layer, diharuskan sebelumnya menentukan atribut posisi untuk style, dapat sebagai posisi absolute atau posisi relative.
< div style=”position:relative; …..
b. Posisi itu sendiri didefenisikan dengan property top dan left.
Dan dimana layer berada pada posisi top maka akan dedefinisikan dengan atribut z-index.
c. Kegunaan layer :
i. Elemen yang melayang / banner diatas halaman web
ii. Permainan yang menggerakkan objek.
iii. Menu yang kelua / pop up ketika dipicu.
iv. Menu yang menjadi terlihat ketika dipicu.
v. Dll.
Contoh :
2. HYPERLINK
- A:LINK ; menentukan style untuk link normal yang belum pernah dikunjungi.
a:link {text-decoration:none; color:yellow; }
- A:VISITED ; menentukan style untuk link yang telah dikunjungi.
a:visited {text-decoration:none; color:blue; }
- A:ACTIVE ; menentukan style untuk link yang aktif dikunjungi.
a:active {text-decoration:none; color:???; }
- A:HOVER ; menentukan style untuk hover link (suatu keadaan dimana kursor melintas di atas sebuah link.
a:hover {text-decoration:none; }
a:hover {text-decoration:none; background-color:gray; }
a. Untuk membuat sebuah layer, diharuskan sebelumnya menentukan atribut posisi untuk style, dapat sebagai posisi absolute atau posisi relative.
< div style=”position:relative; …..
b. Posisi itu sendiri didefenisikan dengan property top dan left.
Dan dimana layer berada pada posisi top maka akan dedefinisikan dengan atribut z-index.
c. Kegunaan layer :
i. Elemen yang melayang / banner diatas halaman web
ii. Permainan yang menggerakkan objek.
iii. Menu yang kelua / pop up ketika dipicu.
iv. Menu yang menjadi terlihat ketika dipicu.
v. Dll.
Contoh :
LAYER 2
2. HYPERLINK
- A:LINK ; menentukan style untuk link normal yang belum pernah dikunjungi.
a:link {text-decoration:none; color:yellow; }
- A:VISITED ; menentukan style untuk link yang telah dikunjungi.
a:visited {text-decoration:none; color:blue; }
- A:ACTIVE ; menentukan style untuk link yang aktif dikunjungi.
a:active {text-decoration:none; color:???; }
- A:HOVER ; menentukan style untuk hover link (suatu keadaan dimana kursor melintas di atas sebuah link.
a:hover {text-decoration:none; }
a:hover {text-decoration:none; background-color:gray; }
WARNA & LATAR BLKANG CSS
SETTING WARNA
Ada tiga opsi dalam menentukan warna dengan menggunakan CSS :
1. Setting warna latar depan untuk isi,
2. Setting warna belakang untuk area,
3. Setting gambar latar belakang untuk digunakan dalam area tersebut.
1. Nilai Warna Common Name ; menggunakan warna dengan menggunakan nilai warna common name, yaitu dengan memasukkan warna yang diinginkan, contoh : { color:blue; background-color:lime; }
2. Nilai Warna Hexadecimal ; adalah sistem warna dengan basisi 16 angka. Angka hex diawali dengan karakter (#) dan dapat terdiri dari tiga atau enam digit angka. Contoh : { color:#00ffff; background-color:#00ccff; }
3. Nilai Warna RGB ; dengan menggunakan nilai warna RGB kita dapat menentukan warna dengan menggunakan nilai RGB dengan memasukkan nilai dari warna merah, hijau, dan biru (Red, Green, Blue), seperti contoh : {color:rgb(255,255,204); }
PROPERTY WARNA DAN LATAR BELAKANG
1. Warna ; warna dalam CSS dapat dibuat menggunakan property ”color” dan diikut dengan ”nilai atau nama warna”. Nilai warna untuk latar belakang tersebut dapat mengunakan nilai warna common name, nilai warna heksadesimal, dan nilai warna RGB.
2. Warna Latar atau warna background memiliki dua nilai, yaitu :
”transparent” untuk membuat warna latar menjadi transparan atau tidak terlihat, dan dengan menentukan warna yang diinginkan.
Background-color:transpernt
Background-color:lime
3. Gambar Latar ; untuk menempatkan gambar latar yang akan menjadi pemanis sebuah halaman web atau hanya untuk sebuah elemen tertentu saja.
Background-image:none
Background-image:url{}
Background-image:url(picture1.jpg);
4. Latar Berulang ; karena meletakkan sebuah gambar dengan ukuran yang kecil maka dalam browser gamabr tersebut ditampilkan sesuai dengan ukuran gambar sebenarnya. Dalam CSS untuk mengontrol perulangan gambar yang dimaseukkan dengan menggunakn propoerty ”background-repeat”.
Property ”Background-repeat” : Nilai : ”repeat”, ”repeat-x”, ”repeat-y”, ”no-repeat”
a. Background-repeat:repeat ; yaitu membuat gambar yang dimasukkan menjadi berulang hingga keseluruhan halaman web tertutup seperti menentukan gambar biasa dalam dokumen HTML.
b. Background-repeat:repeat-x ; yaitu mengulang gambar yang diletakkan dalam dokumen web yang dibuat secara horizontal hingga memenuhi halaman web dan tidak mengulang secara vertical.
c. Background-repeat:repeat-y ; yaitu mengulang gambar yang diletakkan dalam dokumendibuat secara vertical hingga memenuhi halaman web dan tidak mengulang secara horizontal.
d. Background-repeat:no-repeat ; tidak akan mengulang gambar sama sekali
Background-repeat:repeat-y;
5. Attachment Layar ; untuk menentukan apakah sebuh gambar latar tidak akan ikut bergerak jika kita scroll mouse ke atas dan ke bawah dengan menggunakan property ”background-attachment”. Nilai property adalah ”scroll” jika anda inign agar gambar ikut bergerak ketika anda scroll mouse ke atas maupun ke bawah, ”fixed” jika anda ingin agar gambar tidak ikut bergerak ketiak anda scroll maouse.
Background-attachment:fixed;
6. Posisi Latar ; Posisi gambar dan latar belakang dalam CSS dapa diatur secara tepat dalam CSS dengan menggunakan property ”background-position” dengan Nilai property :
””, yaitu dengan menggunakan posisi dalam ukuran persen(%),
””, yaitu dengan menggunakan posisi dengan ukuran panjang yaitu pixel(px),
”top” yaitu menentukan posisi pada atas halaman web,
“center” yaitu dengan menentukan posisi pada tengah halaman web,
“bottom” yaitu dengan menentukan posisi pada halaman web,
“left” yaitu menentukan posisi gambar pada cébela kirin halaman web, dan
“right” yaitu dengan menentukan posisi pada cébela kanan halaman web.
Background-position: 75px 0px
Ada tiga opsi dalam menentukan warna dengan menggunakan CSS :
1. Setting warna latar depan untuk isi,
2. Setting warna belakang untuk area,
3. Setting gambar latar belakang untuk digunakan dalam area tersebut.
1. Nilai Warna Common Name ; menggunakan warna dengan menggunakan nilai warna common name, yaitu dengan memasukkan warna yang diinginkan, contoh : { color:blue; background-color:lime; }
2. Nilai Warna Hexadecimal ; adalah sistem warna dengan basisi 16 angka. Angka hex diawali dengan karakter (#) dan dapat terdiri dari tiga atau enam digit angka. Contoh : { color:#00ffff; background-color:#00ccff; }
3. Nilai Warna RGB ; dengan menggunakan nilai warna RGB kita dapat menentukan warna dengan menggunakan nilai RGB dengan memasukkan nilai dari warna merah, hijau, dan biru (Red, Green, Blue), seperti contoh : {color:rgb(255,255,204); }
PROPERTY WARNA DAN LATAR BELAKANG
1. Warna ; warna dalam CSS dapat dibuat menggunakan property ”color” dan diikut dengan ”nilai atau nama warna”. Nilai warna untuk latar belakang tersebut dapat mengunakan nilai warna common name, nilai warna heksadesimal, dan nilai warna RGB.
2. Warna Latar atau warna background memiliki dua nilai, yaitu :
”transparent” untuk membuat warna latar menjadi transparan atau tidak terlihat, dan dengan menentukan warna yang diinginkan.
Background-color:transpernt
Background-color:lime
3. Gambar Latar ; untuk menempatkan gambar latar yang akan menjadi pemanis sebuah halaman web atau hanya untuk sebuah elemen tertentu saja.
Background-image:none
Background-image:url{
Background-image:url(picture1.jpg);
4. Latar Berulang ; karena meletakkan sebuah gambar dengan ukuran yang kecil maka dalam browser gamabr tersebut ditampilkan sesuai dengan ukuran gambar sebenarnya. Dalam CSS untuk mengontrol perulangan gambar yang dimaseukkan dengan menggunakn propoerty ”background-repeat”.
Property ”Background-repeat” : Nilai : ”repeat”, ”repeat-x”, ”repeat-y”, ”no-repeat”
a. Background-repeat:repeat ; yaitu membuat gambar yang dimasukkan menjadi berulang hingga keseluruhan halaman web tertutup seperti menentukan gambar biasa dalam dokumen HTML.
b. Background-repeat:repeat-x ; yaitu mengulang gambar yang diletakkan dalam dokumen web yang dibuat secara horizontal hingga memenuhi halaman web dan tidak mengulang secara vertical.
c. Background-repeat:repeat-y ; yaitu mengulang gambar yang diletakkan dalam dokumendibuat secara vertical hingga memenuhi halaman web dan tidak mengulang secara horizontal.
d. Background-repeat:no-repeat ; tidak akan mengulang gambar sama sekali
Background-repeat:repeat-y;
5. Attachment Layar ; untuk menentukan apakah sebuh gambar latar tidak akan ikut bergerak jika kita scroll mouse ke atas dan ke bawah dengan menggunakan property ”background-attachment”. Nilai property adalah ”scroll” jika anda inign agar gambar ikut bergerak ketika anda scroll mouse ke atas maupun ke bawah, ”fixed” jika anda ingin agar gambar tidak ikut bergerak ketiak anda scroll maouse.
Background-attachment:fixed;
6. Posisi Latar ; Posisi gambar dan latar belakang dalam CSS dapa diatur secara tepat dalam CSS dengan menggunakan property ”background-position” dengan Nilai property :
”
”
”top” yaitu menentukan posisi pada atas halaman web,
“center” yaitu dengan menentukan posisi pada tengah halaman web,
“bottom” yaitu dengan menentukan posisi pada halaman web,
“left” yaitu menentukan posisi gambar pada cébela kirin halaman web, dan
“right” yaitu dengan menentukan posisi pada cébela kanan halaman web.
Background-position: 75px 0px
FONT DAN TEKS DALAM CSS
Font, digunakan untuk pengaturan jenis model huruf yang digunakan
Property Font dalam CSS :
1. Font-Family: Nilainya berupa nama font atau generic font.
Font-family : Verdana
Font-family : Verdana, Helvetica, Arial
2. Font Style : Nilainya beisi ”normal” untuk style font normal, ”italic” untuk style font miring, ”oblique” untuk style font tebal.
Font-style: normal
Font-style:italic
Font-style:oblique
3. Font-Variant Nilainya dapat berisi “normal” untuk variant font normal dan ”small-caps” untuk membuat variant font besar.
Font-variant:normal
Font-variant:small-caps
4. Font-Weight :atau dikenal ketebalan font dengan property :”font-weight”. Nilai property
- “normal” untuk ketebalan normal,
- “bold” untuk ketebalan font paling tebal,
- “bolder” untuk ketebalan font agak tebal,
- “lightger” untuk ketebalan font lebih kecil/kurus,
- ”100-900” untuk ketebalan font dengan nilai antara 100 hingga 900
Font-weight:normal
Font-weight:bold
Font-weight:bolder
Font-weight:lighter
Font-weight:300
5. Font-size : digunakan untuk menentukan ukuran dari font. Adapun nilai adalah ”normal” untuk ukuran font normal, atau menentukan dengan ukuran baik inci(in), centimeter(cm), ems(em), persentase(%), piksel(px) atau point(pt), ”absolute” dengan menentukan ukuran font absolute, ”relative” dengan menentukan ukuran font relative.
a. Normal : font-size:normal
b. Lenght : font-size:15px, font-size:15pt
c. Absolute : font-size:xx-small / x-small / small / medium / large / x-large / xx-large
d. Realtive : font-size:smaller, font-size:larger
e. Percentage : font-size:75%
Teks digunakan untuk mengatur pemodelan susunan teks yang ditampilkan.
1. Line-height ; untuk mengatur tinggi antar baris font. Nilai property line-height adalah ”normal” untuk tinggi font normal, “number” atau nomor untuk memasukkan angka tanpa nilai ukuran, “length” untuk menentukan panjang dengan ukuran, dan percentage untuk menentukan dalam persentase.
Line-height:normal
Line-height:1.5
Line-height:25px
Line-height:100%
2. Text-Decoration ; menentukan nilai dekorasi dari sebuah font.
Nilai dari text-decoration berupa :
”none” jika tidak terdapat dekorasi,
”under-line: jika tidak ingin menggunakan garis bawah,
”overline” jika teks akan menggunakan garis atas,
”line-throungh” jika teks akan menggunakan garis melintang dalam teks, dan ”
”blink” jika teks ingin terlihat berkedip.
Text-decoration:blink
3. text-transform ; berfungsi untuk memformat teks ke dalam bentuk format yang diinginkan. Nilainya berupa :
”none” jika tidak menggunakan format text-transform,
”capitalize” jika teks akan menggunakan huruf besar di awal kata,
”uppercase” jika seluruh teks akan menggunakan hurfu besar di tiap katanya,
”lowercase” jika seluruh teks akan menggunakan huruf kecil di tiap katanya.
Text-transform:none
Text-transform:capitalize
Text-transform:uppercase
Text-transform:lowercase
4. Text-Align ; berfugsi untuk membuat perataan (aligment) yang diinginkan. Nilai text-align berupa :
“left” untuk membuat perataan ke sebelah kiri,
“right” untuk membuat perataan ke sebelah kanan,
“center untuk membuat perataan ke tengah,
“justify” untuk membuat perataan hingga ke ujung garis tepi (justify).
Text-align:left / right / center / justify.
5. Text-Indent ; berguna untuk memberikan lekuk pada awal paragraph text atau indent paragraph. Nilai property text-indent adalah “length” untuk menentukan ukuran panjang dalam piksel(px), dan “percentage” untuk menentukan nilai dalam pesentase(%).
Text-indent :15px
Text-indent:15%
6. White-space ; berguna untuk memperlihatkan keseluruhan space dalam teks. Nilai dari white-spacem adalah “normal” untuk menyembunyikan space dalam teks dan “pre” untuk memperlihatkan keseluruhan space dalam teks.
White-space:pre
Langganan:
Postingan (Atom)