Style alignContent गुण

वर्णन और उपयोग

जब परियोजनाएँ अक्ष (स्तरीय) पर उपलब्ध सभी जगहों को नहीं ले लेती हैं तोalignContent फ्लेक्स वर्तनी के परियोजनाओं को जोड़ें।

सूचना:कृपया इसे इस्तेमाल करें justifyContent गुण प्रमुख अक्ष (स्तरीय) पर परियोजनाओं को जोड़ें।

टिप्पणी:इस गुण को लागू करने के लिए परियोजनाओं के अनेक पंक्तियाँ होनी चाहिए।

उदाहरण

सुगम फ्लेक्स <div> एलिमेंट की परियोजनाओं को खाली जगह छोड़ने वाली दो पंक्तियों के बीच रखें:

document.getElementById("main").style.alignContent = "space-between";

अपने आप साफ़ी करें

व्याकरण

alignContent गुण परिणाम दें:

object.style.alignContent

alignContent गुण सेट करें:

object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"

गुण मान

मान वर्णन
stretch मूलभूत मान। पंक्तियाँ शेष जगह को ले लेने के लिए फ़ैलाई जाती हैं。
center परियोजनाएँ बैंड के मध्य में होती हैं。
flex-start परियोजनाएँ शुरूआती बैंड में होती हैं。
flex-end परियोजनाएँ अंतिम बैंड में होती हैं。
space-between परियोजनाएँ खाली जगह छोड़ने वाली पंक्तियों में होती हैं。
space-around परियोजनाओं के शीर्ष, बीच और शीर्ष के आसपास खाली जगह छोड़ें。
initial इस गुण को उसके मूलभूत मान पर सेट करें। देखें initial。
inherit इस गुण को उसके माता एलिमेंट से विरासत करें। देखें inherit。

तकनीकी विवरण

मूलभूत मान: stretch
परिणाम: शब्द, जो एलिमेंट का align-content गुण。
CSS संस्करण: CSS3

ब्राउज़र समर्थन

alignContent यह CSS3 (1999) विशेषता है।

सभी ब्राउज़र इसे पूरी तरह से समर्थन करते हैं：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
समर्थन समर्थन समर्थन समर्थन समर्थन 11

संबंधित पृष्ठ

CSS संदर्भ पुस्तका：align-content गुण

HTML DOM STYLE संदर्भ पुस्तका：alignItems गुण

HTML DOM STYLE संदर्भ पुस्तका：alignSelf गुण

HTML DOM STYLE संदर्भ पुस्तका：justifyContent गुण