Style alignSelf özelliği

Tanım ve kullanım

alignSelf Özelliği, esnek konteyner içinde seçilen öğelerin konumunu belirler.

Açıklama:alignSelf özelliği, esnek konteynerin alignItems özelliği.

Örnek

Elastik element içindeki bir elemanın uyumunu konteynerle uyumlu hale getirmek için konumunu ayarlayın:

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

Kişisel olarak deneyin

Gramer

alignSelf özelliğini döndür:

object.style.alignSelf

alignSelf özelliğini ayarla:

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

Özellik değeri

Değer Tanım
auto Öntanımlı. Element, ebeveyn konteynerinin align-items özelliğini miras alır, eğer ebeveyn konteyneri yoksa "stretch" olur.
stretch Element, konteyneri uyumlu hale getirmek için çekilir.
center Element, konteynerin merkezinde yer alır.
flex-start Element, konteynerin başında yer alır.
flex-end Element, konteynerin sonunda yer alır.
baseline Element, konteynerin temel çizgisinde yer alır.
initial Bu özelliği öntanımlı değerine ayarlar. Daha fazla bilgi için bkz. initial.
inherit Bu özelliği, ebeveyn elementinden bu özelliği miras alır. Daha fazla bilgi için bkz. inherit.

Teknik ayrıntılar

Öntanımlı değer: auto
Dönüş değeri: dizgesi,元素的 align-self özelliği.
CSS sürümü: CSS3

Tarayıcı desteği

alignItems CSS3 (1999) özelliğidir.

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

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

İlgili sayfalar

CSS İpuçları:align-self özelliği

HTML DOM STYLE referans el kitabı:alignContent özelliği

HTML DOM STYLE referans el kitabı:alignItems özelliği