စက်တင်ကျပ် အကျယ်
- ပြီးခဲ့သော စာလုံး max-inline-size
- နောက်လိုက် စာရင်း @media
ဖော်ပြ နှင့် အသုံးပြု
max-width ဗီဇ သည် အကွက် ကို အကွက် အခြေခံ ဗီဇ ကို အသုံးပြု သည့် ဗီဇ ကို အသုံးပြုသည်。
ဖော်ပြ
အကိုင်းပျက် ဗီဇ သည် အကွက် အခြေခံ ဗီဇ ကို အသုံးပြု သည့် အချက်အလက် ကို ကိုယ်စားပြု ပြီး အကွက် အခြေခံ ဗီဇ ထက် ပို မည်မဟုတ် ကြတ်သန် လိမ့်မည်။ အနည်းငယ် ဗီဇ မပေးဘဲ。
အခြား ကိုးကွယ်ပါ:
CSS ဖော်ပြCSS အချက်အလက်
CSS စာအုပ်စက်တင်ကျပ် အကျယ်
HTML DOM စာအုပ်maxWidth ဗီဇ
အကျိုးသတ်မှတ်
အကွက် ကို အကွက် အခြေခံ ဗီဇ ကို အသုံးပြု သည့် ပုံစံ
p { max-width:100px; }
CSS ဗီဇ:
max-width: none|length|initial|inherit;
ဗီဇ အရာ
အရာ | ဖော်ပြ |
---|---|
none | မည်သည့် အရာ မပေးဘဲ。 |
length | အကွက် ကို အကွက် အခြေခံ ဗီဇ ကို အသုံးပြုသည်。 |
% | ပြုပြင် ပါဝင်သော ပုံစံ ကို ပေါ်ပေါ်မှ တိုးမြင့် ပြုလုပ် သော ဗီဇ အခြေခံ ဗီဇ ကို အသုံးပြုသည်。 |
inherit | max-width ဗီဇ သည် အဖိုင် အစားအသေး ကို လုပ်ကိုင် ရန် သဘောပေးသည်。 |
နည်းပါး အချက်
မည်သည့် အရာ မပေးဘဲ: | none |
---|---|
လုပ်ကိုင် နိုင်ခြင်း: | no |
ကြေးကျန်: | CSS2 |
JavaScript ဗီဇ: | object.style.maxWidth="50px" |
TIY အကျိုးသတ်မှတ်
- တိုင်းပျက် ဗီဇ ကို အသုံးပြု သည့် ပုံစံ ကို အသုံးပြု သည့် ပုံစံ
- ဤ အကျိုးသတ်မှတ် သည် ကိုယ်စားပြု အကွက် ကို တိုးမြင့် ပြုလုပ် ရန် တိုင်းပျက် ဗီဇ ကို အသုံးပြု သည့် ပုံစံကို ပြသည်。
- တိုင်းပျက် ဗီဇ ကို အသုံးပြု သည့် ပုံစံ ကို အသုံးပြု သည့် ပုံစံ
- ဤ အကျိုးသတ်မှတ် သည် ကိုယ်စားပြု အကွက် ကို တိုးမြင့် ပြုလုပ် ရန် တိုင်းပျက် ဗီဇ ကို အသုံးပြု သည့် ပုံစံကို ပြသည်。
ဘာသာသံ ထောက်ပံ့
အချက်အလက် အစားအသေး သည် အကိုင်းပျက် ဖြစ်ပေါ်စေသော ပုံစံ ကို ထောက်ပံ့သော ပထမ ဘာသာသံ ကို ညွှန်ပြသည်。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 7.0 | 1.0 | 1.0 | 7.0 |
- ပြီးခဲ့သော စာလုံး max-inline-size
- နောက်လိုက် စာရင်း @media