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