စီစဥ်အချက် grid-row-end သုံးစွဲမှု
- အရှေ့ပိုင်း grid-row
- နောက်ပိုင်း grid-row-gap
အသုံးပြုခြင်း နှင့် အသုံးပြုခြင်း
grid-row-end အချက်အလက် က ပြသထားသော အကိရိယာ က အပတ်လည် အသုံးပြု သို့မဟုတ် အပတ်လည် ပြီး ပြသထားသော အချက်အလက် ကို အထိမ်းအမှတ်ပြုသည်
ပြီးခါနီး အချက်အလက်
အခြား ကြည့်ရှု
CSS ပရိုဂရမ်CSS နှင့် ပတ်သက်သော အချက်အလက်
အကျယ်အဝန်
အမှတ် 1
"item1" က အပတ်လည် အသုံးပြု
.item1 {
grid-row-end: span 3;
}
အမှတ် 2
လှည့်ပတ် အချက်အလက် ကို အပတ်လည် အချက်အလက် တွင် အစားထိုးနိုင်
.item1 {
grid-row-end: 3;
}
CSS ဘာသာစကား
grid-row-end: auto|row-line|span n;
အချက်အလက် အတိုင်း
| ပြစ်ဒဏ် | ဖော်ပြ |
|---|---|
| auto | မူကျခဏ |
| span n | ပြသထားသော အကိရိယာ က အပတ်လည် ဖြင့် ဆက်နွယ်မည် |
| column-line | ပြသကြုံး အပတ်လည် ပြီး ပြသထားသော အကိရိယာ |
နည်းပါးဆိုင်ရာ အချက်အလက်
| မူကျခဏ | auto |
|---|---|
| ဆက်နွယ် | မမရှိ |
| လှည့်ပတ် ပြုလုပ် | အထောက်အပံ့လှည့်ပတ် အချက်အလက်。 |
| ပုံစံ | CSS Grid Layout Module Level 1 |
| JavaScript ဘာသာစကား | object.style.gridRowEnd="4" |
ဘာသာစကား အထောက်အပံ့
အချက်အလက်များက အထူးသဖြင့် ထိရောက်သော ဘာသာစကား ကို ခွဲခြားထားသည်။
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- အရှေ့ပိုင်း grid-row
- နောက်ပိုင်း grid-row-gap
