Akhirnya bisa post lagi tentang css3 . Sesuai dengan judulnya kita akan membahas tentang Multi-column Layout yaitu membuat beberapa kolom layout. Tapi sayangnya Multi-column Layout hanya didukung oleh browser Mozilla dan Safari 3.
Contoh:
Akhirnya bisa post lagi tentang css3 . Sesuai dengan judulnya kita akan membahas tentang Multi-column Layout yaitu membuat beberapa kolom layout. Tapi sayangnya Multi-column Layout hanya didukung oleh browser Mozilla dan Safari 3.
Akhirnya bisa post lagi tentang css3 . Sesuai dengan judulnya kita akan membahas tentang Multi-column Layout yaitu membuat beberapa kolom layout. Tapi sayangnya Multi-column Layout hanya didukung oleh browser Mozilla dan Safari 3.
Bukan hanya 2 dan 3 kolom tapi juga bisa 4 atau lebih.
Contoh:
Akhirnya bisa post lagi tentang css3 . Sesuai dengan judulnya kita akan membahas tentang Multi-column Layout yaitu membuat beberapa kolom layout. Tapi sayangnya Multi-column Layout hanya didukung oleh browser Mozilla dan Safari 3.
Kode yang saya gunakanan:
<style>.MCL {-moz-column-count: 3;-moz-column-gap: 1em;-moz-column-rule: 1px solid black;-webkit-column-count: 3;-webkit-column-gap: 1em;-webkit-column-rule: 1px solid black;}</style>
<div class="MCL"><p>Akhirnya bisa post lagi tentang css3 . Sesuai dengan judulnya kita akan membahas tentang Multi-column Layout yaitu membuat beberapa kolom layout. Tapi sayangnya Multi-column Layout hanya didukung oleh browser Mozilla dan Safari 3.</p></div>
Catatan:
1.Kode yang berwarna merah adalah jumlah kolom
2.Kode yang berwarna orange adalah tulisan yang ingin dimunculkan
15 komentar :
keren kang saya pernah baca juga di blognya kang hendro
hmm
gwe suka nuy ma template nya blog ini
like this
enak banget diliad
;d
css3 mamang mantap, saya sangat tertaris dan menyukainya, bahkan saya mencari template yang dibut dengan css3...
heuumm... menambah wawasan tentang CSS3 ini.. bagus jg kalo digunakan pada postingan ya..
good postingan nih
Terima kasih,saya sudah cukup untuk utak atik blog,terima kasih kang rian.
salam sahabat
ehm...bagus juga perlu dipelajari lebih lanjut thanxs ya
nice tips sobat........salam knl ya...skalian follow kamu di no urut 126...
jika berkenan silahkan follow balik
;;)Wow Krren ni mau di cobah tapi di pikir dulu ;)
wow artikel berkelas nih.....mantap mantap
Wah keren2, tpi buat google chrome gak bisa.
Thanks sob infonya.
mieny pake google chrome, tapi keren nich ;))
makasih postingannya
mantap!
keren,, tapi sayangnya cuma bisa di firefox ma safari za ya??
Posting Komentar