Style width အရာဝတ္တု

အသုံးပြုနည်း နှင့် အသုံးချက်

width အရာဝတ္တု၏ အကျယ်အဝန်း ကို သတ်မှတ်ပါကြား

width အရာဝတ္တု၏ အပြင်အလျင် သတ်မှတ်ပါ overflow အရာဝတ္တု အဆိုပါ အရာကို ပြုပြင်ပါ

ပြောပါအဆိုပါ အရာကို height အရာဝတ္တု အရာဝတ္တု၏ အမြင့် ကို သတ်မှတ်ပါကြား

အခြား ကြည့်ချင်သော

CSS ဖော်ပြCSS Dimension

CSS ဖော်ပြCSS ပုံစံဓာတ်ပြန်ရေး

CSS ကိုယ်စားပြုချက်width အရာဝတ္တု

အကျိုးသက်

ဘား 1

button အရာဝတ္တု၏ အကျယ်အဝန်း သတ်မှတ်ပါ

document.getElementById("myBtn").style.width = "300px";

ကျွန်ုပ်ကိုယ်ဖြင့် ဆောင်ရွက်ပါ

ဘား 2

div အရာဝတ္တု၏ အကျယ်အဝန်း ပြင်းပါ

document.getElementById("myDIV").style.width = "500px";

ကျွန်ုပ်ကိုယ်ဖြင့် ဆောင်ရွက်ပါ

ဘား 3

img အရာဝတ္တု၏ အကျယ်အဝန်း နှင့် အမြင့် ပြင်းပါ

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

ကျွန်ုပ်ကိုယ်ဖြင့် ဆောင်ရွက်ပါ

ဘား 4

img အရာဝတ္တု၏ အကျယ်အဝန်း ပြန်လည်ပေးပါ

alert(document.getElementById("myImg").style.width);

ကျွန်ုပ်ကိုယ်ဖြင့် ဆောင်ရွက်ပါ

ပြောပါ

width အရာဝတ္တု ကို ပြန်လည်ပေးပါ

object.style.width

width အရာဝတ္တု ကို သတ်မှတ်ပါ

object.style.width = "auto|length|%|initial|inherit"

အရာဝတ္တု၏ ပုံစံ

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

နည်းပါးပြောင်းလဲ

မိတ်ဆက်ချက် auto
အပြန်လိုက်ပါ စကားလုံးပုံစံ၊ အရာဝတ္တု၏ အကျယ်အဝန်းကို ကိုယ်စားပြုထားသည်。
CSS ပုံစံပေးပါ CSS1

ဘွတ်ကွက်ကူးကူးပြီး

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့