စက်ပို့ဆေး scroll-margin-block အကိုးအချုပ်

အသုံးပြုပုံ နှင့် အမှုန်

scroll-margin-block သုံး ပြင်းတုံး သည် ဗဟိုကွင်း အိမ်တွင်း အချိန်တွင် အဆိုပါ တခုခု သည် အခြေခံ စကားလုံး အား အသုံးပြု လေးဖက်သုံး ပြင်းတုံး ဖြင့်

သူ့ အပိုင်းအခြာ အတွင်း ဖြတ်သန်း စဉ်းမှန်းချက်ချခြင်း

ဗဟိုကွင်း အိမ်တွင်း အချိန်တွင် နေသော အခြေခံ စကားလုံး သည် အဆိုပါ အခြေခံ စကားလုံး အား အဆိုပါ အခြေခံ စကားလုံး အား အသုံးပြု လေးဖက်သုံး ပြင်းတုံး ဖြင့် writing-mode အသုံးပြု လေးဖက်သုံး ပြင်းတုံး ဖြင့်

သတ်မှတ် နေသော တခုခု သည် သူ့ အပိုင်းအခြာ အတွင်း ဖြတ်သန်း စဉ်းမှန်းချက်ချခြင်း

မှတ်ချက်အခြေခံ စကားလုံး သည် ဗဟိုကွင်း အိမ်တွင်း အချိန်တွင် သာ အသုံးပြုသည် scroll-snap-align သုံး ပြင်းတုံး အား 'start' သို့မဟုတ် 'end' အား အသုံးပြု စဉ်းမှန်းချက်ချခြင်း

scroll-margin-block သည် အောက်ပါ သုံး ပြင်းတုံး အား အသေးစိတ် အကြောင်းဖြစ်သည်

scroll-margin-block သုံး ပြင်းတုံး သည် မတူညီ ပုံစံ ဖြင့် အသုံးပြုနိုင်သည်

ပြီး scroll-margin-block သည် နှစ် သုံး ပြင်းတုံး ရှိ ကြောင်းဖြစ်သော်လည်းကောင်း

scroll-margin-block: 10px 50px;
  • 开始处的距离为 10px
  • 结束处的距离为 50px

如果 scroll-margin-block 属性有一个值：

scroll-margin-block: 10px;
  • အစိတ် နှင့် အဆုံး အကြာ အားလုံး အား 10px

ကြည့်ရန်: scroll-margin-block အချက် အချက် အတွက် scroll-margin-block နှင့် scroll-snap-align အကိုယ်အချုပ် မှ အချက် အချက် နှင့် scroll-snap-type

CSS အချက် အချက် scroll-margin-inline နှင့် scroll-margin-block အချက် အချက် နှင့် စက်တင်ဆားချက် scroll-margin-top အကိုးအချုပ်နှင့်scroll-margin-bottomနှင့်scroll-margin-left နှင့် scroll-margin-right အများဆုံး အသက်ရှိသည် scroll-margin-block နှင့် scroll-margin-inline အချက် အချက် ကို အစိတ်အတိုင်း အရောက် နှင့် အစိတ်အတိုင်း အရောက် ကို အားပေးသည်。

အမှတ်

အမှတ် 1

အစိတ်အတိုင်း အရောက် နှင့် လှည့်ပတ် အကွက် အကြာ ကို သတ်မှတ်လုပ်ခြင်း:

div {
  scroll-margin-block: 10px;
}

ကိုယ်တိုင် ကြိုးစားလုပ်ခြင်း

အမှတ် 2

အသင်း အကိုယ်အချုပ် မှ: writing-mode အချက် အဆို ကို vertical-rl အတွက် သတ်မှတ်လုပ်ခြင်း ဖြင့် အစိတ်အတိုင်း ကုန်းစိတ် အချက် ကို အထိပ်ပိုင်း မှ အရှေ့ဘက် သို့ ပြောင်းလဲသွားပြီး အဆုံးပိုင်း ကုန်းစိတ် ကို အော်တော်ဘက် သို့ ပြောင်းလဲသွားသည်။ ဤ အချက် က လှည့်ပတ် ဆိုးရိုး အပြုအမူ နှင့် လှည့်ပတ် သို့ ဆက်သွယ်ခြင်း ကို အပျက်အစီး ပြုလုပ်သည်။ scroll-margin-block အချက် အလုပ်ခြင်း:

div {
  scroll-margin-block: 20px 0;
  writing-mode: vertical-rl;
}

ကိုယ်တိုင် ကြိုးစားလုပ်ခြင်း

CSS ဘာသာစကား

scroll-margin-block: 0|value|initial|inherit;

အချက် အဆို

အချက် ဖော်ပြ
0 မူကြမ်း
length

px, pt, cm တို့ အတွက် အခြား ပုံစံ ဖော်ပြထားသည်။ ဝေးသေး သုံးနိုင်သည်。

ကြည့်ရန်:CSS ပေါင်းစပ်.
initial အခြား အချက် ကို မူကြမ်း အဆို သို့ သတ်မှတ်လုပ်သည်။ ကြည့်ရန်: initial.
inherit ဖြစ်ပေါ်လာသော အကိုယ်အချုပ် မှ အခြား အကိုယ်အချုပ် မှ အခြား အချက် ကို အသုံးပြုလုပ်သည်။ ကြည့်ရန်: inherit.

နည်းပါး အချက်

မူကြမ်း အဆို: 0
အပြုအမူ: မမျှော်လင့်သည်
လှည့်ပတ် ပြုလုပ်ခြင်း: မမျှော်လင့်သေးသည်။ ကျမ်းကို ကြည့်ရန်:လှည့်ပတ် ဖော်ပြချက် အခြား အချက်.
ပုံစံ: CSS3
JavaScript ဘာသာစကား: object.style.scrollMarginBlock="20px"

ဘာသာစကား ကူညီ

အော်ဂန်းများတွင် ဖော်ပြထားသော စက္ခုတ္ထု ကို ပထမဆုံး အထူးအခြား ကုန်းပါး သုံးနိုင် သော ဘာသာစကား ကို ဖော်ပြထားသည်。

ခရိုး အန်ဂို ဖက်ရိုး ဆိုဖာ အော်ပရို
69.0 79.0 68.0 14.1 56.0

ပတ်သက်သော စာပုဒ်

လုပ်သုံးခြင်းစက်ပို့ဆေး scroll-margin-block-end အကိုးအချုပ်

လုပ်သုံးခြင်းစက်ပို့ဆေး scroll-margin-block-start အကိုးအချုပ်

လုပ်သုံးခြင်းစက်တင်ဆားချက် scroll-snap-align အကိုးအချုပ်

လုပ်သုံးခြင်းစက်တင်ဆားချက် scroll-snap-type အကိုးအချုပ်

လုပ်သုံးခြင်းစီစ်အုပ်စု writing-mode သုံးသပ်