စက်ပိုင်း ဘလက်စက် ပုံစံ အခြေအနေ

  • အရှေ့ဆုံး စာမျက်နှာ background-size
  • နောက်ဆုံး စာမျက်နှာ border

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

block-size အရာသုံးသပ် ကို အချင်း သုံးသပ် အရ သုံးသပ်ပါ

သတိပြုတာနှင့် ပတ်သက်သော writing-mode အချင်း သုံးသပ် ကြောင့် အချင်း သုံးသပ် ကို အချင်း သုံးသပ် အရ ဖြစ်ပါ block-size ဘာသာပြန် စာမျက်နှာ အရ အချင်း သုံးသပ် ကြောင့် လျှောက်လျှောက် ဖြစ်ပါသည်

CSS အရ block-size နှင့် inline-size သုံးသပ် အရ width နှင့် height သုံးသပ် အရ အသင်းအဖွဲ့ ကို သုံးသပ်ပါ block-size နှင့် inline-size သုံးသပ် ကြောင့် လုပ်ကိုင်

အမှတ်

အမှတ် 1

<div> အရာ အချင်း သုံးသပ် ကို သုံးသပ်ပါ

div {
  block-size: 200px;
}

ကျွန်ုပ် ကိုယ်တိုင် စစ်ဆေးပါ

အမှတ် 2

အောက်ပါ <div> အရာသုံးသပ် ကို ကျွန်ုပ် အောက်ပါ ဘာသာပြန် သုံးသပ် ကို ဖော်ပြပါ

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

ကျွန်ုပ် ကိုယ်တိုင် စစ်ဆေးပါ

CSS အရာ

inset-block: auto|length|initial|inherit;

သုံးသပ် အတ္ထုပတ္တိ

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

နည်းပါး သုံးသပ်

မူကြမ်း သုံးသပ် auto
လုပ်ကိုင် နောက်မကြာ
အယူအဆ ပြုလုပ် ကျမ်းကို ကြည့်ချင်အယူအဆ သုံးသပ်
ပုံစံ CSS3
JavaScript သုံးသပ် object.style.blockSize="100px"

ဘာသာပြန် အကူအညီ

အချက်အလက် အရ အဖွဲ့အစည်း သုံးသပ် ပြီး အပေါ်တွင် ဖော်ပြထားသော ဘာသာပြန် သုံးသပ် ကို ပြင်ဆင်ပြီး အသုံးပြုသည်

Chrome Edge Firefox Safari Opera
57.0 79.0 41.0 12.1 44.0

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

CSS ပညာရှင်စက်တင် အမြင့် နှင့် အကျယ်

CSS ပညာရှင်စက်တင် အပေါ်ဘက်

CSS ညွှန်းheight သုံးသပ်

CSS ညွှန်းwidth သုံးသပ်

CSS ညွှန်းwriting-mode သုံးသပ်

  • အရှေ့ဆုံး စာမျက်နှာ background-size
  • နောက်ဆုံး စာမျက်နှာ border