CSS گرید-رور

تعریف اور استعمال

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