CSS گرید کولمن پراپریٹی
- ਪਿੰਨਾ ਅਗਲਾ grid-auto-rows
- ਅਗਲਾ ਪੰਨਾ grid-column-end
تعریف اور استعمال
grid-column کا مقصد گرید پروجیکٹ کی انداز اور گرید لائااوت میں مقام کو طے کرنا ہے، یہ درج ذیل کی عوامل کا چھوت چھات ہے:
ایک دوسرے ساتھ بھی دیکھیئے:
CSS تعلیم:CSS گرید لائااوت
مثال
مثال 1
یہ "item1" کو کولم 1 سے شروع اور دو کولم کو پار کرنا چاہئیں:
.item1 {
grid-column: 1 / span 2;
}
مثال 2
آپ کولم-لائن کا مقصد کولم کو استعمال کرسکتے ہیں:
.item1 {
grid-column: 1 / 3;
}
CSS زبان:
grid-column: grid-column-start / grid-column-end;
عوامل کا مقصد
| مقدار | وصف |
|---|---|
| grid-column-start | تعلیم کا مقصد کو کس کولم سے نمائش شروع کرنا ہوتا ہے. |
| grid-column-end | تعلیم کا مقصد کو کوئی کولم-لائن پر نمائش کو روکنا یا کتنا کولم کو پار کرنا ہوتا ہے. |
تکنیکی تفصیلات
| مقصد: | auto / auto |
|---|---|
| ورث: | نہیں |
| آنیماٹک کی تعمیر: | پشتیبانی کی گئی. ملاحظہ:آنیماٹک پراپرٹی. |
| ورژن: | CSS Grid Layout Module Level 1 |
| جسکرام زبان: | object.style.gridColumn="2 / span 2" |
براؤزر سپورٹ
تبلیغات میں کچھ اعداد کو پائیدار اولین ورژن کو نشان دہی فراہم کرنا ہوتا ہے.
| ਚਰਮੀ | IE / ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- ਪਿੰਨਾ ਅਗਲਾ grid-auto-rows
- ਅਗਲਾ ਪੰਨਾ grid-column-end
