စက်တင် CSS padding-inline အရေးဆိုတုန်း

အသုံးပြုခြင်း နှင့် အပြောင်းအလဲ

အရာ padding-inline အင်တာနက်အသား ပြင်ဘက်မှ အရေးအကူးအသား သို့ ရှိသော ပြင်ဘက် တွင် ဖြစ်သည်။ အက်ယ်အက်စ်အက်စ် အမှတ်အသား မှ အသုံးပြုခြင်း ဖြစ်သည်

• padding-inline-start
• padding-inline-end

padding-inline သတ်မှတ်ခြင်း အမှတ်အသား မူကြမ်း အမျိုးမျိုး ဖြင့် စီစဥ်နိုင်သည်

အဆုံးပါးအရင်း padding-inline သတ်မှတ်ခြင်း နှစ်ခု ရှိလျှင်：

padding-inline: 10px 50px;

• စတင်ပါး၏ အတွင်းပြင်ဘက်အကွယ် 10px ဖြစ်သည်
• အဆုံးပါး၏ အတွင်းပြင်ဘက်အကွယ် 50px ဖြစ်သည်

if the padding-inline attribute has a value:

padding-inline: 10px;

• the inner padding at both ends are 10px

CSS padding-inline and padding-block attributes are similar to the CSS attributes padding-top,padding-bottom,padding-left and padding-right very similar, but padding-inline and padding-block the attribute depends on the inline direction and block direction.

note:related CSS properties writing-mode and direction defines the inline direction. This affects the starting and ending positions of the element in the inline direction, as well as padding-inline the result of the attribute. For English pages, the block direction is downward, and the inline direction is from left to right.

example

example 1

on both sides of the inline direction

div {
  padding-inline: 50px;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ရန်

အမှတ် 2

when <div> အက္ခရာ အသုံးပြု writing-mode when အက္ခရာ အသုံးပြု

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

ကိုယ်တိုင် ကြိုးစားကြည့်ရန်

အမှတ် 3

when <div> အက္ခရာ အသုံးပြု direction အက္ခရာ အသုံးပြု ဖြစ်စေ၊ ဖက်ဝက် စက်လျှောက် အချင်း အချင်း ကို အကြောင်းအရာ ပြုလုပ်ထားသည်။ အက္ခရာ အသုံးပြု ဖြစ်စေ၊ အစိတ် အစိတ် ကြောင်း အချင်း အချင်း ကို ဆက်နွယ်ထားသည်။

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

ကိုယ်တိုင် ကြိုးစားကြည့်ရန်

CSS အက္ခရာ

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

အက္ခရာ အသုံးပြု

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

ဖောင်းကား အထောက်အကူ

တခုခုသောဖောင်းကားတွင် ထိပ်ဆုံး သဘောတူညှိခြင်း ဖြစ်သော ပုံစံကို တခုခုသော တင်ဆက်ထားသော ပုံစံကို အကြောင်းအရာ ပြုလုပ်ထားသည်。

ပါဝင်သော စာလုံး

လိုက်နာစက်ပိုင်ဆိုင်ရာ direction ဗီဇ

လိုက်နာစက်တင် CSS padding-inline-end အရေးဆိုတုန်း

လိုက်နာစက်တင် CSS padding-inline-start အရေးဆိုတုန်း

လိုက်နာစက်တင် CSS padding-bottom အရေးဆိုတုန်း

လိုက်နာစက်တင် CSS padding-left အရေးဆိုတုန်း

လိုက်နာစက်တင် CSS padding-right အရေးဆိုတုန်း

လိုက်နာစက်တင် CSS padding-top အရေးဆိုတုန်း

လိုက်နာစက်ပိုင်း အဆင်း