CSS ကိုယ်စားပြု စာရင်း

စတုတ္ထ ဖော်ပြချက်

scroll-padding အက်ဥပဒေ သည် အစက် မှ အသင်းဝင် အခြေခံ အသင်းဝင် အခြေခံ နေရာ အစား ကွာဝေးသည် အစားထိုးသည်

အက်ဥပဒေ သည် အစက်ထိခိုက် ရာတွင် အစက် အလွန်အမြန် အစားထိုးပြီး အစက်အဖွဲ့ အခြေခံ အသင်းဝင် အခြေခံ နေရာ အစား ကွာဝေးသော အရာရှိသည်

စက်တင် စက်ထိခိုက် စက်တင် သည် အစက်အဖွဲ့မှ အသုံးပြုသော အသင်းဝင် အသင်းအဖွဲ့ အခြေခံ နေရာ ဖြစ်သည်

scroll-padding အက်ဥပဒေ သည် အောက်ပါ အက်ဥပဒေများ အသုံးပြုသော အက်ဥပဒေဖြစ်သည်

scroll-padding အက်ဥပဒေ သည် မတူညီသော နည်းလမ်းဖြင့် အစားထိုးသည်

scroll-padding: 15px 30px 60px 90px;

scroll-padding: 15px 30px 60px;

scroll-padding: 15px 30px;

scroll-padding: 10px;

要看到 scroll-padding 属性的效果，必须在子元素上设置 scroll-snap-align 属性，并在父元素上设置 scroll-padding 和 scroll-snap-type 属性。

注意：在下面的例子中，为所有边设置了滚动内边距，但由于 scroll-snap-align 设置为 "start"，因此只有顶部边的滚动内边距改变了滚动行为。

设置从容器到吸附位置的滚动内边距为 20px：

div {
  scroll-padding: 20px;
}

scroll-padding 属性可以在具有吸附行为的图片画廊中使用，以将图片推到固定元素下方：

#container {
  scroll-padding: 30px 0 0 0;
}

固定的顶部元素

scroll-padding 属性可以在容器的底部和右侧同时设置。水平和垂直滚动到下一个元素以查看效果：

#container {
  scroll-padding: 0 10px 30px 0;
}

scroll-padding: auto|value|initial|inherit;

အချက်အလက်	ဖော်ပြ
auto	မူးမြောက်ချက်
length	px、pt、cm စသည့် အချက်အလက် ဖြင့် လှည့်ခြင်း အရွယ်အစား ဖော်ပြထားသည်。 ဝေးခေါ် အချက်အလက် မပါဘူး၊ ကိုးကားပါCSS ပြုပြင် ပေါင်းစပ်。
%	အပြုအမူ အရွယ်အစား နှင့် အကွက် အပေါ် နှင့် အောက် အရွယ်အစား နှင့် ကွဲပြားစွာ ဖော်ပြထားသည်。
initial	အခြေအနေ အား မူးမြောက်ချက် ကို ကျွမ်းကျွမ်းပြီး ကိုးကားပါ initial。
inherit	အဖွဲ့အစိုးရ အပေါ်မှ အခြေအနေ ကို တိုက်ရိုက် ထုတ်ယူကြောင်း ကိုးကားပါ inherit。

မူးမြောက်ချက်：	auto
အပြုအမူချက်	ထိပ်တန်း
အနည်းငယ်လှည့်ခြင်း ဖန်တီးခြင်း：	ထောက်ပံ့ချေပဲဆိုတာ မဟုတ်၊ ကိုးကားချက်များကို လျှင်အနည်းငယ်လှည့်ခြင်း ထိပ်တန်း အချက်အလက်。
ပုံစံ：	CSS3
JavaScript ဘာသာစကား：	object.style.scrollPadding="20px"