ग्रिड लेआउट के भीतर क्षेत्रों को सेट करने के लिए, ग्रिड-टेम्पलेट-क्षेत्र संपत्ति का उपयोग करें। आइए अब एक उदाहरण देखें -
उदाहरण
<शैली>. डेमो { ग्रिड-क्षेत्र:नया क्षेत्र;}.ग्रिड-कंटेनर { प्रदर्शन:ग्रिड; ग्रिड-टेम्पलेट-क्षेत्र:'नया क्षेत्र नया क्षेत्र। . ।' 'न्यूएरिया न्यूएरिया। . .'; ग्रिड-गैप:5px; पृष्ठभूमि-रंग:नीला; पैडिंग:5 पीएक्स;}। ग्रिड-कंटेनर> डिव {पृष्ठभूमि-रंग:नारंगी; पाठ-संरेखण:केंद्र; पैडिंग:5px 0; font-size:30px;}Heading One
कुछ रैंडम नंबर सेट करें
250120333298645543555आउटपुट