CSS ग्रिड-ऑटो-कॉलम्स विशेषता
- पिछला पृष्ठ grid-area
- अगला पृष्ठ grid-auto-flow
वर्णन और उपयोग
grid-auto-columns गुण ग्रिड कंटेनर में स्तम्भ के आकार को सेट करता है。
यह गुण केवल आकार निर्धारित न किए गए स्तम्भ पर प्रभाव डालता है。
और देखें:
CSS शिक्षाCSS ग्रिड लेआउट
CSS संदर्भ पुस्तकgrid-auto-rows गुण
उदाहरण
ग्रिड में स्तम्भ के डिफ़ॉल्ट आकार को सेट करें:
.grid-container {
display: grid;
grid-auto-columns: 50px;
}
CSS व्याकरण
grid-auto-columns: auto|max-content|min-content|length;
गुण मान
| मान | वर्णन |
|---|---|
| auto | डिफ़ॉल्ट मान।संदर्भ आकार के अनुसार स्तम्भ का आकार निर्धारित करता है。 |
| fit-content() | |
| max-content | स्तम्भ में सबसे बड़े आइटम के आकार के अनुसार प्रत्येक स्तम्भ का आकार सेट करें。 |
| min-content | स्तम्भ में सबसे छोटे आइटम के आकार के अनुसार प्रत्येक स्तम्भ का आकार सेट करें。 |
| minmax(min.max) | min और max के बीच बड़ा या बराबर और छोटा या बराबर के आकार की श्रेणी को सेट करें。 |
| length | स्तम्भ के आकार को सेट करने के लिए वैध आकार मानों का उपयोग करके सेट करें।देखेंआकार इकाई。 |
| % | स्तम्भ के आकार को सेट करने के लिए प्रतिशत मानों का उपयोग करके सेट करें。 |
तकनीकी विवरण
| डिफ़ॉल्ट मान: | auto |
|---|---|
| विरासत: | नहीं |
| एनीमेशन निर्माण: | समर्थित।देखें:एनीमेशन से संबंधित गुण。 |
| संस्करण: | CSS Grid Layout Module Level 1 |
| जेसक्रिप्ट व्याकरण: | object.style.gridAutoColumns="120px" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबरों से पूरी तरह से समर्थित इस गुण का पहला ब्राउज़र संस्करण को सूचित किया गया है。
| च्रोम | IE / एज | फायरफॉक्स | सफारी | ओपेरा |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- पिछला पृष्ठ grid-area
- अगला पृष्ठ grid-auto-flow
