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