CSS order Özelliği

CSS order

Css order özelliği ile esnek kutu modelindeki elemanlarının sıralanışı kontrol edilebilir.

Örnek:

Bu örnekte bir esnek kutu içersinde 6 adet div elemanı bulunmaktadır.Normal sıranışı kodların yazılımına göre "kırmızı mavi yeşil..." olması gerekirken order özelliğiyle bizim istediğimiz sıralamada elemanları gösterebiliyoruz.

div#kirmizi { -webkit-order: 2; } div#mavi { -webkit-order: 4; } div#yesil { -webkit-order: 3; } div#pembe { -webkit-order: 1; } div#turuncu { -webkit-order: 5; } div#gri { -webkit-order: 6; }

CSS order nedir nasıl kullanılır

bu özellik sayseinde esnek kutu modeli içerisindeki elemanların sıralanışını ,yani akış diyagramındaki düzeni bozarak istediğimiz elemanı istediğimiz sırayla göstermemize olanak sağlayan bir özelliktir.

CSS order CSS order özellikleri  
Varsayılan Değer: 0  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS3  
JavaScript order: object.style.order="2"

CSS order Tarayıcı Desteği

Tablodaki sayılar özelliği destekleyen ilk tarayıcı versiyonlarıdır.

CSS Kodu:
order 29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
9.0
6.1 -webkit-
17.0

CSS order Değerleri

order: number|initial|inherit;

CSS order özelliği değerleri

CSS order değerleri CSS order değerleri tanımları
number Varsayılan değer 0'dır esnek öğenin sırasını belirtir
initial Özelliğin varsayılan özelliğidir.
inherit Kalıtsal olarak aldığı değerdir.

Yorumlar

Bu blogdaki popüler yayınlar

HTML Resimler

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

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

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Uyurken Bile Para Kazanmak İster misin

javascript ile aciklama satiri ve haftanın gunünü bulma

Linklerin Renklerini Değiştirme Örnek