Border-image: Gunakan Image Buat Bordermu

Oleh
Border-image: using images for your border

Fitur menarik lain dari border CSS3 yang baru adalah properti border-image. Dengan fitur ini Anda dapat menentukan gambar yang akan digunakan sebagai pengganti border normal dari suatu elemen. Fitur ini sebenarnya terbagi menjadi beberapa properti: border-image dan border-corner-image. Inilah detail dari kedua value tersebut:


border-image:

  • border-top-image
  • border-right-image
  • border-bottom-image
  • border-left-image
border-corner-image:

  • border-top-left-image
  • border-top-right-image
  • border-bottom-left-image
  • border-bottom-right-image


border-image baru bisa bekerja di Safari, chrome dan Firefox 3.1 (Alpha). Sintaks untuk menggunakannya adalah:

border-image: url(border.png) 27 27 27 27 round round;

dan hasilnya adalah :

Lorem ipsum dolor sit amet.

atau yang ini :

border-image: url(border.png) 27 27 27 27 stretch stretch;

Dan hasilnya adalah :

Lorem ipsum dolor sit amet.

Semakin terlihat menarik bukan. Nah berikut ini adalah screenshot-nya buat yang browsernya belom suport.
  • Yang pertama.


  • Yang kedua.



Script yang kupake
Spoiler for ngintip:


*.:｡✿ Don't forget to come back again ✿.｡.:*




Visit Wahyudi Blog !
Sumber: css3.info

Komentar

Posting Komentar

Plisss...
Jangan nyepam (spam), jangan promosi (apapun itu), jangan SARA, jangan OOT...

Mohon kerja samanya, berikan komentar yang berbobot dan bermanfaat bagi semua... ^^

Postingan populer dari blog ini

HOW DO YOU SAY THAT IN ENGLISH?

Oleh
Gambar
Banyak sekali istilah istilah umum dalam bahasa Indonesia yang kita ucapkan sehari harinya. Dari istilah istilah umum tersebut, banyak yang kesulitan atau kebingungan apabila akan mengucapkannya dalam bahasa inggris. Misalnya dalam bahasa kita, kita sering bilang "ih amit amit", "Jaim", "Rese' Lo" dan lain sebagainya. Namun bagaimana bila kata kata tersebut kita ucapkan dalam bahasa inggris...??? Pasti banyak yang kesulitan untuk menemukan kata kata yang cocok kecuali memang yang sudah ahli...
Lanjut Membaca >>

Mutasi Genetik yang Membentuk Spesies Baru

Oleh
Gambar
Emang dunia ini semakin lama semakin aneh aja... Contohnya yang berikut ini. Binatang binatang ini bermutasi dan bergabung dengan hewan yang lainnya sehingga membentuk spesies baru di dunia ini... woow... ya udah deh... langsung aja nih lihat gambarnya... 1. CrossBreed Spoiler untuk gambar : Wahyudi Blog! Doberman, elang dan badak. 2. Spring Chimaera Spoiler untuk gambar : Wahyudi Blog! Setelah jutaan tahun, ikan berevolusi menjadi makhluk seperti katak dengan kulit reptile dan memory seperti gajah. 3. Rare Species Spoiler untuk gambar : Wahyudi Blog! Ini adalah penyatuan bunglon dengan burung. Hal ini unik dalam jenisnya. 4. Tapengogish Spoiler untuk gambar : Wahyudi Blog! Tapir + Penguin + Dog + Fish = Tapengogish. 5. tarentola Spoiler untuk gambar : Wahyudi Blog! tarentola. 6. Arminguanorinokerus Spoiler untuk gambar : Wahyudi Blog! campuran antara armadillo + iguana + badak. 7. Billy Spoiler untuk gambar : Wahyudi Blog...
Lanjut Membaca >>

Abses Gigi Sembuh Sendiri? Bisa Sih… Tapi Nanti Zombie Gigimu Bakal Balik Lagi!

Oleh
"Bayangin: lo punya bom waktu di mulut, tapi lo cuek karena mikir, 'Ah, ntar juga ilang sendiri.' Eh, besoknya pipi lo bengkak kayak habis ditonjok Doraemon!" Abses gigi—si " Jerawat Neraka " versi rongga mulut—sering dianggap remeh. Banyak yang ngira cukup dikompres air hangat atau minum jamu ajaib biar sembuh. Tapi apa bener abses gigi bisa self-healing kayak luka di lutut? Atau malah jadi silent killer yang siap ledakin saraf lo? Simak faktanya sebelum lo nekat DIY !
Lanjut Membaca >>