CSS گرید-کولمن-اند属性
- پچھلے پرس grid-column
- پائیدھ پرس grid-column-gap
تعریف اور استعمال
grid-column-end خصوصیت کس ستونوں کا پار کرتی ہے یا نمائش کی جگہ کو کس ستون کی لائن پر ختم ہوجاتی ہے (column-line)۔
پایین کے مثال دیکھیئے۔
ملاحظہ فرمائیں:
CSS تعلیم:CSS گرید لائج
مثال
مثال 1
"item1" کو تین ستونوں کا پار کرنا دینا:
.item1 {
grid-column-end: span 3;
}
مثال 2
آپ کس ستون کی لائن کا نمبر استعمال کرسکتے ہیں جو پار کرنا ہے:
.item1 {
grid-column-end: 3;
}
CSS گرامر
grid-column-end: auto|span ن|column-line;
خصوصیت کا مقدار
| مقدار | وصف |
|---|---|
| آوتو | مقصد: |
| span ن | نمائش کی جگہ کو کس ستونوں کے درمیان کا پار کرنا ہے۔ |
| column-line | نمائش کی جگہ کو کس سارے ستون پر رکھنا ہے۔ |
تکنیکی تفصیلات
| مقصد: | آوتو |
|---|---|
| وارث: | نہیں |
| آنیماشن تیار کیا گیا: | پشتیبندی ہے۔ ملاحظہ کریں:آنیماشن سے متعلق خصوصیات。 |
| ورژن: | CSS گرید لائج آؤٹ مول 1 |
| جاوا اسکریپت گرامر: | object.style.gridColumnEnd="5" |
براہور کی پشتیبندی
تبصرے میں شمارا ت کی ذکر کی گئی ہے کہ کس براہور میں اس کوالائی کو پورا پورا پشتیبند کیا گیا ہے。
| چروم | آئی ای / ایج | فائرفاکس | سافری | اوپرا |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- پچھلے پرس grid-column
- پائیدھ پرس grid-column-gap
