CSS grid-column-start गुण
- पिछला पृष्ठ grid-column-gap
- अगला पृष्ठ grid-gap
विवरण और उपयोग
grid-column-start गुण इस तरह के प्रोजेक्ट को किस स्तम्भ रेखा पर शुरू करेगा का निर्देश देता है।
और देखिए:
CSS शिक्षा:CSS ग्रिड लेआउट
CSS संदर्भ दस्तावेज़:grid-column गुण
CSS संदर्भ दस्तावेज़:grid-column-end गुण
CSS संदर्भ दस्तावेज़:grid-row-start गुण
CSS संदर्भ दस्तावेज़:grid-row-end गुण
उदाहरण
इसे "item1" को स्तम्भ 2 से शुरू करने के लिए:
.item1 {
grid-column-start: 2;
}
CSS व्याकरण
grid-column-start: auto|span n|column-line;
गुण मान
| मान | वर्णन |
|---|---|
| ऑटो | डिफ़ॉल्ट मान। सामग्री धारा के साथ स्थानांतरित करेगी। |
| span n | सामग्री को कितने स्तम्भों में पार करने का निर्देश देता है। |
| column-line | सामग्री को किस स्तम्भ से शुरू करने का निर्देश देता है। |
तकनीकी विवरण
| डिफ़ॉल्ट मान: | ऑटो |
|---|---|
| विरासत करना: | नहीं |
| एनीमेशन निर्माण: | समर्थन किया गया है। देखिए:एनीमेशन संबंधी गुण। |
| संस्करण: | CSS Grid Layout Module Level 1 |
| जेसक्रिप्ट व्याकरण: | object.style.gridColumnStart="3" |
ब्राउज़र समर्थन
ग्रिड में दिए गए नंबर को इस गुण के पहले समर्थक ब्राउज़र का संस्करण के रूप में दर्शाया गया है।
| च्रोम | IE / एज | फ़ायरफॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- पिछला पृष्ठ grid-column-gap
- अगला पृष्ठ grid-gap
