CSS گرید-رور
- پچھلے پیج grid-gap
- آئندہ پیج grid-row-end
تعریف اور استعمال
grid-row خصوصیت گرید پروجیکٹ کی سائز اور گرید لائااوت میں اس کی مقام کا تعین کرتی ہے، یہ درج ذیل خصوصیات کا مختصر خصوصیت ہے:
ایک دوسرے کی وضاحت کریں:
CSS تعلیم:CSS گرید لائااوت
مثال
مثال 1
یہ "item1" کو سطر 1 سے شروع کرکے دو سطر کا پارکرنا چاہئیں:
.item1 { grid-row: 1 / span 2; }
مثال 2
آپ سارے سطر کی اعداد کو استعمال کرسکتے ہیں تاکہ کسی سطر کو پارکرنا چاہئیں:
.item1 { grid-row: 1 / 3; }
CSS گرامر
grid-row: grid-row-start / grid-row-end;
خصوصیت کا مقادیر
مقادیر | وصف |
---|---|
grid-row-start | اس سے شروع کرسکتے ہیں |
grid-row-end | ایک پروجیکٹ کو کس سارے سطر میں دکھائیں یا کس سارے سطر میں کسی سطر پر رکھیں، یا کس سارے سطر میں اس کو پارکرنا دکھائیں |
تکنیکی تفصیلات
مقصد: | auto / auto |
---|---|
وارسس: | نہیں |
آنیماٹک بنانے کا طریقہ: | سپورٹ کیا گیا ہے۔ ملاحظہ کریں:آنیماٹک مرتبط خصوصیات。 |
ورژن: | CSS Grid Layout Module Level 1 |
جاوا اسکریپٹ گرامر: | object.style.gridRow="2 / span 2" |
براوزر کی سپورٹ
تبصرہ میں دیکھئے جا سکتے ہیں کہ اس خاص خصوصیت کو پورا طور پر سپورٹ کرنے والا پہلا براوزر کی نسخہ کی اعداد دیکھئے جا سکتے ہیں。
چروم | IE / ایج | فائرفاکس | سافری | اوپرا |
---|---|---|---|---|
57 | 16 | 52 | 10 | 44 |
- پچھلے پیج grid-gap
- آئندہ پیج grid-row-end