စက်တင် padding-inline-start အချက်

定义和用法

元素的 padding-inline-start 属性指的是在行内方向起始处，从边框到内容的空间。

CSS padding-inline နှင့် padding-block 属性与 CSS 属性 padding-top、padding-bottom、padding-left နှင့် padding-right အလွန် အတူတူ padding-inline နှင့် padding-block ဗဟုသုတ ကို အဖွဲ့ဝင် စက်လျှက် အရွယ် အစား နှင့် အချက်အလက် ဆိုင်သည်

ကြေညာဖြစ်သော CSS ဗဟုသုတ writing-mode နှင့် direction အဖွဲ့ဝင် စက်လျှက် အရွယ် အစား ကို အချက်ပြုသည်။ အရာတစ်ခု၏ အဖွဲ့ဝင် စက်လျှက် စတင် နေရာ အရွယ်အစား နှင့် အဆုံး နေရာ အရွယ်အစား ကို အနှီးအပြား ဖြစ်စေ သော padding-inline-start ဗဟုသုတ အကြောင်းတင်

အမှတ်

အကြောင်း 1

အဖွဲ့ဝင် စက်လျှက် အရွယ် အစား တွင် အဆိုပါ အဖွဲ့ဝင် စက်လျှက် အရွယ် အစား ကို ကိုင်ပြီးဖြစ်ပါသည်

div {
  padding-inline-start: 50px;
}

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

အကြောင်း 2

အချက် <div> အရာ၏ writing-mode ဗဟုသုတ အသုံးပြုပါက အဖွဲ့ဝင် စက်လျှက် အရွယ် အစား ကို တော့ အောက်ဘက်မှ လျှင် လျှင် အရာတစ်ခု၏ စတင် နေရာ အရွယ်အစား မှ အထိပ်ပိုင်း လျှင် လျှင် သို့ ပြောင်းလဲသည်

div {
  writing-mode: vertical-rl;
  padding-inline-start: 100px;
}

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

အကြောင်း 3

အချက် <div> အရာ၏ direction ဗဟုသုတ အသုံးပြုပါက အဖွဲ့ဝင် စက်လျှက် အရွယ် အစား ကို မြောက်ဘက်မှ တော့ ဆိုင်းဘက်မှ လျှင် လျှင် အရာတစ်ခု၏ စတင် နေရာ အရွယ်အစား မှ ဗဟုသုတ ဘက် လျှင် လျှင် သို့ ပြောင်းလဲသည်

div {
  direction: rtl;
  padding-inline-start: 100px;
}

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

CSS အပြောရသုံးစံ

padding-inline-start: auto|value|initial|inherit;

ဗဟုသုတ

အတ္ထုပါ ဖော်ပြ
auto မူကြမ်း
length

px, pt, cm တို့ ဖြစ်သော အကွာအဝေး များ ဖြင့် ကိုင်ပြီးဖြစ်ပါသည်။ အနည်းငယ် အသုံးမပြုပါ

ကြည့်ချင်တာ့CSS စာကြိုးစားရာ ဗဟိုက္ခဏာ。
% အဖွဲ့ဝင် စက်လျှက် အရွယ် အစား နှင့် ဆိုင်သော ဗဟုသုတ ပြောင်းလဲသည်
initial သူ၏ မူကြမ်း ကို ကိုင်ပြီးဖြစ်ပါသည်။ ကြည့်ချင်တာ့ initial。
inherit သူ၏ အဖွဲ့ဝင် အရာများမှ လက်ခံမှု ထိပ်သို့ ပြောင်းလဲသည်။ ကြည့်ချင်တာ့ inherit。

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

မူကြမ်း auto
လက်ခံမှု နည်းပါ
အတိုင်းအတာ ဖြစ်ပေါ်မှု ကူညီပြီးဖြစ်ပါသည့်အတိုင်းအတာ ဖြစ်ပေါ်မှု ဗဟုသုတ。
ကုန်းလုံး CSS3
JavaScript အပြောရသုံးစံ object.style.paddingInlineStart="100px"

အော်ဒီယို ကူညီမှု

အော်ဒီယိုအုပ်ချုပ်ရေး အကူအညီ

ချည် အရွယ် ဖြန့်ဖြေ စီးပွား တရား
87.0 87.0 41.0 12.1 73.0

ပတ်သက်သော စာမျက်နှာ

ကိုးကွယ်ချက်：စက်ပယ်အပ်စက် direction

ကိုးကွယ်ချက်：စက်တင် padding-inline အချက်

ကိုးကွယ်ချက်：စက်တင် padding-inline-end အချက်

ကိုးကွယ်ချက်：စက်တင် padding-bottom အချက်

ကိုးကွယ်ချက်：စက်တင် padding-left အချက်

ကိုးကွယ်ချက်：စက်တင် padding-right အချက်

ကိုးကွယ်ချက်：စက်တင် padding-top အချက်

ကိုးကွယ်ချက်：CSS အစိတ်အပြား အကိုးအခံ