CSS3 ile sütun oluşturmak

Sadece Firefox'da çalışan CSS ile sütun oluşturma özelliğini göreceğiz.

Merhabalar bu dersimizde örnekteki gibi bir sütun yapacağız.



İlk önce DIV'imizi oluşturuyoruz ve stil kodlarımızı yazıyoruz.

HTML Kodu:

<div id="sutun">Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net Sanalkurs.net </div>



CSS Kodu:

#sutun {

           width: 960px; /* Div Genişliği */

    -moz-column-count:3; /* Sütun Çizgilerinin Sayısı */

    -moz-column-gap: 40px; /*Sütun aralarının kaç PX olacağı */

    -moz-column-rule: 1px solid #000; /* Sütun çizgilerinin kaç PX olacağı ve hangi renkte ve türde olacağı */

}



Umarım faydalı olur.
NOT: Sadece Firefox'da çalışıyor
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

diğer tarayıcılarda çalışması için ne yapmak lazım peki?

Yukarı Git