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

Popüler yayınlar

CSS justify-content Özelliği

HTML Yorumlar

CSS content Özelliği

CSS align-items özelliği

CSS text-decoration Özelliği

CSS flex-basis Özelliği

CSS text-align Özelliği

CSS background-repeat Özelliği

Javascript ile neler yapılabilir

CSS border-bottom Özelliği