CSS columns Özelliği

CSS columns

Css columns özelliği ile sütünların genişliğini ve sayısını bir kısa bildirimle yazmamızı sağlayan css özelliğidir.

Örnek:

Bu örnekte makalenin 5 kolonlu yapıda olacağını ve genişliklerininde 120px olacağını bildirmiş olduk

p.sutun { columns: 120px 5; -webkit-columns: 120px 5; -moz-columns: 120px 5; }

CSS columns nedir nasıl kullanılır

Columns kısa bildirimi ile bir paragrafın veya makalenin kaç kolonlu yapıda olacağını ve genişliklerini tanımlayabiliriz.

CSS columns CSS columns özellikleri  
Varsayılan Değer: auto auto  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS1 ve CSS3  
JavaScript columns: object.style.columns="85px 3"

CSS columns Tarayıcı Desteği

tablodaki sayılar özelliği destekleyen tarayıcıların ilk sürümleridir.

CSS Kodu:
columns 4.0 -webkit- 10.0 9.0 -moz- 3.1 -webkit- 15.0 -webkit-
11.1

CSS columns Değerleri

columns:auto|column-width column-count|initial|inherit;

CSS columns özelliği değerleri

CSS columns değerleri CSS columns değerleri tanımları
auto Varsayılan özelliktir.
column-width KOlonların genişliğini belirten değer girilir.
column-count Kolon sayısını belirtir.
initial Özelliğin varsayılan başlangıç değeridir.
inherit Soybağından gelen değeri alır.

Yorumlar

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML Resimler

HTML bdo Etiketi Örnek