CSS grid-row Property
ဥပမာ
"item1" ကို အတန်း 1 တွင် စတင်ပြီး 2 တန်းကို ချဲ့ပါ-
.item1 {
grid-row: 1 / span 2;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှုသည် ဂ ရစ် grid-row
ပစ္စည်းတစ်ခု၏ အရွယ်အစားနှင့် တည်နေရာကို ဇယားကွက်အပြင်အဆင်တွင် သတ်မှတ်ပေးကာ အောက်ပါဂုဏ်သတ္တိများအတွက် လက်တိုပိုင်ဆိုင်မှုတစ်ခုဖြစ်သည်--
မူလတန်ဖိုး: | ကား/ကား |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS Grid Layout Module အဆင့် ၁ |
JavaScript syntax- | အရာဝတ္ထု .style.gridRow="2 / span 2" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
grid-row | 57 | 16 | 52 | 10 | 44 |
CSS Syntax
grid-row: grid-row-start /
grid-row-end;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
grid-row-start | Specifies on which row to start displaying the item. |
grid-row-end | Specifies on which row-line to stop displaying the item, or how many rows to span. |
နောက်ထပ် ဥပမာများ
ဥပမာ
အတန်းများချဲ့ရန် အတန်းနံပါတ်များအစား အတန်း-လိုင်းတန်ဖိုးများကို သင်သုံးနိုင်သည်-
.item1 {
grid-row: 1 / 3;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Grid Layout