Örnek
kabın uyacak şekilde esnek elemanın içindeki öğeler biri için hizalamalar ayarlama:
// Code for Safari 7.0+
document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch";
// Standard syntax
document.getElementById("myBlueDiv").style.alignSelf = "stretch"; Kendin dene " Tanımı ve Kullanımı
alignSelf özelliği, esnek bir kap içinde, seçilen madde için hizalama belirtir.
Note: alignSelf özelliği esnek konteynerin alignItems özelliği geçersiz kılar.
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
Webkit ardından Numaraları önek ile çalıştı ilk sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| alignSelf | 21,0 | 11.0 | 20.0 | 7.0 Webkit | 12.1 |
Not: Safari alternatif, WebkitAlignSelf özelliğini desteklemez.
Sözdizimi
alignSelf özelliğini Dönüş:
object .style.alignSelfalignSelf özelliğini ayarlayın:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| auto | Varsayılan. Eleman, üst kapsayıcının hizalama-ürün özelliğini veya miras "stretch" hiçbir üst konteynere sahip olmadığını |
| stretch | eleman conatiner uyacak şekilde konumlandırılır |
| center | elemanı kabın merkezinde konumlandırılmış |
| flex-start | elemanı kabın başında konumlandırılmış olan |
| flex-end | elemanı kabın ucunda konumlandırılır |
| baseline | eleman, kabın taban çizgisinde konumlandırılır |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Teknik detaylar
| Varsayılan değer: | Oto |
|---|---|
| Geri dönüş değeri: | bir elemanın hizalama-öz özelliği temsil eden bir String, |
| CSS Sürüm | CSS3 |
İlgili Sayfalar
CSS referansı: align-self property
HTML DOM STİL Referans: alignContent property
HTML DOM STİL Referans: alignItems property
<Stil Nesne