စီစဥ်ပြင်းကျောက် inline-size ဗီဇ

  • အရှေ့ပိုင်း စာလုံး initial-letter
  • နောက်ပိုင်း စာလုံး inset

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

inline-size ဘာသာပြန်သုံးစံ

မှတ်ချက်ဘာသာပြန်သုံးစံ writing-mode အချက်အလက် inline-size အချက်အလက်

CSS ဘာသာပြန်သုံးစံ inline-size နှင့် block-size ဘာသာပြန်သုံးစံ width နှင့် height အချက်အလက် inline-size နှင့် block-size ဘာသာပြန်သုံးစံ ကူညီပေးသည်

အမှတ်

အမှတ် 1

ဖြစ်ပျက်စီးသော ဘာသာပြန်သုံးစံ

div {
  inline-size: 200px;
}

ကျွန်ုပ်ကိုယ် ကြိုးစားကြည့်ပါ

အမှတ် 2

ဖြစ်ပါက writing-mode ပုံစံအသုံး vertical-rl ဖြစ်ပါက inline-size ဘာသာပြန်သုံးစံ အပြုအမူ

div {
  inline-size: 250px;
  writing-mode: vertical-rl;
}

ကျွန်ုပ်ကိုယ် ကြိုးစားကြည့်ပါ

CSS ဘာသာပြန်သုံးစံ

inline-size: auto|length|initial|inherit;

ဘာသာပြန်သုံးစံ

ပုံစံ ဖော်ပြ
auto မည်သည်မှ မပြောင်းလဲ
length

ဖြစ်ပျက်စီးသော ဘာသာပြန်သုံးစံ

အကျဉ်းချုပ် အသုံးပြုခွင့်ရကိုယ်စားပြု စာအုပ်

% ဖြစ်ပျက်စီးသော ဘာသာပြန်သုံးစံကို ဖြစ်ပျက်စီးသော ဘာသာပြန်သုံးစံမှ တိုက်ရိုက်မျှော်လင့်ခြင်း
initial ဖြစ်ပျက်စီးသော ဘာသာပြန်သုံးစံကို မည်သည်မှ မပြောင်းလဲ initial
inherit ဖြစ်ပျက်စီးသော ဘာသာပြန်သုံးစံကို ဖြစ်ပျက်စီးသော ဘာသာပြန်သုံးစံမှ တိုက်ရိုက်မျှော်လင့်ခြင်း inherit

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

မည်သည်မှ မပြောင်းလဲ auto
တိုက်ရိုက်မျှော်လင့်ခြင်း နည်းပါ
အမှတ်ပြုသော ဘာသာပြန်သုံးစံ ကူညီပေးသည်:အမှတ်ပြုသော ဘာသာပြန်သုံးစံ
ပုံစံ CSS3
JavaScript ဘာသာပြန်သုံးစံ object.style.inlineSize="250px"

ဘာသာပြန်သုံးစံ အပြုအမူ

အချက်အလက်များသည် အဖြစ်ပျက်စီးသော ဘာသာပြန်သုံးစံသည် အဖြစ်ပျက်စီးသော ဘာသာပြန်သုံးစံကို ကူညီပေးသည်

Chrome Edge Firefox Safari Opera
57.0 79.0 41.0 12.1 44.0

ပါဝင်သော စာမျက်နှာ

CSS ဖော်ပြချက်ပုံစံ အမြင့် နှင့် အကျယ်

CSS ဖော်ပြချက်ပုံစံ ပေါင်းစား

CSS ကိုးကွယ်သတင်းheight ပုံစံ

CSS ကိုးကွယ်သတင်းwidth ပုံစံ

CSS ကိုးကွယ်သတင်းwriting-mode သုံးစွဲ

  • အရှေ့ပိုင်း စာလုံး initial-letter
  • နောက်ပိုင်း စာလုံး inset