CSS grid-columns गुण

  • पिछला पृष्ठ
  • अगला पृष्ठ

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

वर्तमान में कोई ब्राउज़र grid-columns का समर्थन नहीं करता है。

विवरण और उपयोग

grid-columns गुण में प्रत्येक स्तम्भ की चौड़ाई।

सूचना:ग्रिड सिस्टम का उपयोग प्रिंट डिजाइनर के लिए बहुत मूल्यवान है। अब इसी परिवर्तन को ऑनलाइन सामग्री पर भी लागू किया गया है। ग्रिड गुण को शीर्षक, पाठ और चित्र के आकार और स्थान को स्केलेबल ग्रिड में समायोजित करने की क्षमता प्रदान करता है।

उदाहरण

div एलीमेंट के मध्य में एक ग्रिड पंक्ति जोड़ें, दायाँ तरफ 200 पिक्सल के बाद एक और जोड़ें और बाकी जगह के मध्य में एक और जोड़ें:

div
{
grid-columns:50% * * 200px;
}

CSS व्याकरण

grid-columns: लंबाई|%|none|उत्तराधिकार;|

गुण मूल्य

मूल्य वर्णन
लंबाई संदर्भ शामिल ब्लॉक का ग्रिड।
% संदर्भ शामिल ब्लॉक की चौड़ाई को दर्शाएं।
नहीं
उत्तराधिकार

तकनीकी विवरण

डिफ़ॉल्ट वैल्यूः नहीं
विरासतीयताः नहीं
संस्करणः CSS3
JavaScript ग्रामरः ऑब्जेक्ट.style.gridColumns="50% * * 200px"
  • पिछला पृष्ठ
  • अगला पृष्ठ