Stil alignContent Özellik
Örnek
Esnek <div> öğesinin öğelerini satırlar arasında boşluk bırakarak konumlandırın:
document.getElementById("main").style.alignContent = "space-between";
Tanım ve Kullanım
alignContent özelliği, öğeler çapraz eksende (dikey olarak) tüm kullanılabilir alanı kullanmadığında esnek kabın öğelerini hizalar.
İpucu: Öğeleri ana eksende (yatay olarak) hizalamak için justifyContent özelliğini kullanın.
Not: Bu özelliğin herhangi bir etkiye sahip olması için birden çok öğe satırı olmalıdır.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Webkit'in ardından gelen sayılar, bir önekle çalışan ilk sürümü belirtir.
Property | |||||
---|---|---|---|---|---|
alignContent | 21.0 | 11.0 | 28.0 | 9.0 7.0 Webkit |
12.1 |
Sözdizimi
alignContent özelliğini döndürün:
object.style.alignContent
alignContent özelliğini ayarlayın:
object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
stretch | Default value. Items are stretched to fit the container |
center | Items are positioned at the center of the container |
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
space-between | Items are positioned with space between the lines |
space-around | Items are positioned with space before, between, and after the lines |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | Uzatmak |
---|---|
Geri dönüş değeri: | Bir öğenin hizalama içeriği özelliğini temsil eden bir Dize |
CSS Sürümü | CSS3 |
İlgili Sayfalar
CSS referansı: hizalama içeriği özelliği
HTML DOM STYLE Referansı: alignItems özelliği
HTML DOM STYLE Referansı: alignSelf özelliği
HTML DOM STYLE Referansı: justifyContent özelliği