Style alignItems özelliği

Tanım ve Kullanım

alignItems Özellik, esnek konteyner içindeki öğelerin varsayılan yerleşim biçimini tanımlar.

İpucu:Her öğenin align-self özelliği yıldızlamak align-items özelliği.

Örnek

Esnek <div> elemanlarının tüm öğelerinin konumlandırma yerleşimini konteynerin başına ayarlamak:

document.getElementById("main").style.alignItems = "flex-start";

Kişisel Deneyim

Gramer

alignItems özelliğini döndürür:

object.style.alignItems

alignItems özelliğini ayarlamak:

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

Özellik Değeri

Değer Açıklama
stretch Varsayılan. Öğe konteyneri boyutuna uyacak şekilde çekilir.
center Öğe konteynerin ortasına konumlandırılır.
flex-start Öğe konteynerin başına konumlandırılır.
flex-end Öğe konteynerin sonuna konumlandırılır.
baseline Öğe konteynerin temel çizgisine konumlandırılır.
initial Bu özelliği varsayılan değerine ayarlayın. Bakınız initial.
inherit Bu özelliği ebeveyn elemanından miras alır. Bakınız inherit.

Teknik Ayrıntılar

Varsayılan Değer: stretch
Dönüş值: Dizge, elemanın align-items özelliği.
CSS Sürümü: CSS3

Tarayıcı Desteği

alignItems CSS3 (1999) özelliğidir.

Tüm tarayıcılar tamamen bu özelliği destekler:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
desteklenir desteklenir desteklenir desteklenir desteklenir 11

İlgili Sayfalar

CSS İpuçları Kılavuzu:align-items özelliği

HTML DOM STYLE referans kılavuzu:alignContent özelliği

HTML DOM STYLE referans kılavuzu:alignSelf özelliği