Multi Kolom Text Dengan CSS3

artikel CSS3 Modul Multi Kolom ini terinspirasi dari dari www.red-team-design.com , yang menjelaskan beberapa penggunaan CSS3 untuk multi kolom pengganti table dan property float pada <div>. Multi-kolom modul saat ini hanya didukung di browser Mozilla dan Webkit (Safari dan Chrome), ini berarti bahwa tidak ada dukungan untuk browser seperti IE dan Opera. namun itu bukan masalah serius selama kita memahamai peningkatan progresif pada browser tersebut.
multi kolom text dengan css
Lihat Demo
CSS3 Column count
#colom-count {
  -moz-column-count:3;
  -webkit-column-count:3;
  -moz-column-gap:30px;
  -webkit-column-gap:30px;
  text-align:justify;
}
CSS3 Column width
#column-width {
  -moz-column-width:200px;
  -webkit-column-width:200px;
  -moz-column-gap:30px;
  -webkit-column-gap:30px;
  text-align:justify;
}
CSS3 Column rules
#column-rules-bordered {
  -moz-column-width:200px;
  -webkit-column-width:200px;
  -moz-column-gap:30px;
  -webkit-column-gap:30px;
  -moz-column-rule:2px solid #9c9c9c;
  -webkit-column-rule:2px solid #9c9c9c;
  text-align:justify;
}

license by under 88 blogspot.com
Post By : denzdii
Sumber : multi column text using css3

6 comments:

  1. Replies
    1. wilujeung tepang sareung orang bandung... :D

      Delete
    2. saya mah boga toolsna, komplit tools mah sayah...gekgekgekgekgek :cendol:

      Delete
    3. heheh.. ngiring nganggo atuh toolna nya .. :-d

      Delete
    4. ach... sugan teh dina blogna.. :( ..

      Delete

Perhatian !! Komentar Pada Bulan September 2012 belum bisa di balas.
di karenakan semua admin sedang sibuk dengan urusan kulliahnya.
semoga setelah akhir bulan artikel dan komentar akan segera di update.


terima kasih atas perhatiannya sekali lagi kami minta maaf yang sebesar-besarnya.

 
loading...
Top