CSS align-self Özelliği

Tanım ve kullanım

align-self öznitelik, esnek konteyner içinde seçilen öğelerin hizalama tarzını belirtir.

Dikkat:alignSelf özelliği, esnek konteynerin align-items Özellikler.

Ayrıca bkz:

CSS Eğitimleri:CSS Grid

CSS Eğitimleri:CSS Flexbox

CSS Referans Kılavuzu:alignContent özelliği

CSS Referans Kılavuzu:alignItems özelliği

CSS Referans Kılavuzu:justifySelf özelliği

HTML DOM Referans Kılavuzu:alignSelf özelliği

Örnek

Esnek element içindeki bir projeyi ortada hizalayın:

#myBlueDiv {
  align-self: merkez;
}

Kişisel olarak deneyin

CSS dilbilgisi

align-self: auto|genişlet|merkez|flex-start|flex-end|basement|initial|inherit;

Özellik değeri

Değer Açıklama
auto Varsayılan. Element, ebeveyn konteynerinin align-items özelliğini devralır; eğer ebeveyn konteyneri yoksa "genişlet" olur.
genişlet Element, konteyneri uyumlandırmak için genişletilir.
merkez Element, konteynerin ortasında yerleştirilir.
flex-start Element, konteynerin başına yerleştirilir.
flex-end Element, konteynerin sonuna yerleştirilir.
basement Element, konteynerin temel çizgisine konumlandırılır.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit Bu özelliği ebeveyn elementinden devralır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer: auto
Devralma: Hayır
Animasyon yapımı: Desteklenmiyor. İçin bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS3
JavaScript dilbilgisi: object.style.alignSelf="center"

Tarayıcı desteği

Tablodeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0