CSS grid-row-end Property
ဥပမာ
"item1" ကို 3 တန်းလုပ်ပါ
.item1 {
grid-row-end: span 3;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
grid-row-end
ပစ္စည်းတစ်ခုသည် အတန်းမည်မျှ တိုးမည် (သို့) မည်သည့်အတန်းလိုင်းတွင် အဆုံးသတ်မည်ကို သတ်မှတ်သည် (ဤစာမျက်နှာ၏ အဆုံးတွင် ဥပမာကိုကြည့်ပါ) ။
မူလတန်ဖိုး: | အော်တို |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS Grid Layout Module အဆင့် ၁ |
JavaScript syntax- | အရာဝတ္ထု .style.gridRowEnd="4" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
grid-row-end | 57 | 16 | 52 | 10 | 44 |
CSS Syntax
grid-row-end:
auto|row-line|span n;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
auto | Default value. The item will span one row. | |
span n | Specifies the number of rows the item will span. | |
row-line | Specifies on which row to end the display of the item. |
နောက်ထပ် ဥပမာများ
ဥပမာ
အတန်းများချဲ့ရန် အတန်းနံပါတ်များအစား အတန်း-လိုင်းတန်ဖိုးများကို သင်သုံးနိုင်သည်-
.item1 {
grid-row-end: 3;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Grid Layout