CSS ၏ အမြင့်ဆုံးအကျယ် ပိုင်ဆိုင်မှု
ဥပမာ
<p> ဒြပ်စင်တစ်ခု၏ အမြင့်ဆုံးအကျယ်ကို 150 ပစ်ဇယ်အဖြစ် သတ်မှတ်ပါ-
p.ex1 {
max-width: 150px;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှု သည် max-width
ဒြပ်စင်တစ်ခု၏ အများဆုံးအကျယ်ကို သတ်မှတ်သည်။
အကြောင်းအရာသည် အမြင့်ဆုံးအကျယ်ထက် ပိုကြီးပါက၊ ၎င်းသည် ဒြပ်စင်၏ အမြင့်ကို အလိုအလျောက် ပြောင်းလဲသွားမည်ဖြစ်သည်။
အကြောင်းအရာသည် အများဆုံးအကျယ်ထက် သေးငယ်ပါက၊
max-width
ပိုင်ဆိုင်မှုသည် အကျိုးသက်ရောက်မှုမရှိပါ။
မှတ်ချက်- ၎င်းသည်
width ပိုင်ဆိုင်မှုတန်ဖိုးထက် ပိုကြီးလာ
ခြင်းကို တားဆီးသည် max-width
။ ပိုင်ဆိုင်မှု တန်ဖိုး
max-width
သည် အကျယ်ပိုင်ဆိုင်မှုကို လွှမ်းမိုးသည်။
မူလတန်ဖိုး: | မရှိ |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်ကဲ့၊ တစ်ဦးချင်းဂုဏ်သတ္တိများကိုကြည့်ပါ ။ ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS2 |
JavaScript syntax- | အရာဝတ္ထု .style.maxWidth="600px" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS Syntax
max-width: none|length|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
none | No maximum width. This is default | |
length | Defines the maximum width in px, cm, etc. Read about length units | |
% | Defines the maximum width in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
နောက်ထပ် ဥပမာများ
ဥပမာ
<p> ဒြပ်စင်တစ်ခု၏ အမြင့်ဆုံးအကျယ်ကို ကွန်တိန်နာ၏ 50% သို့ သတ်မှတ်ပါ-
p.ex1 {
max-width: 50%;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS အမြင့်နှင့် အနံ
CSS ရည်ညွှန်းချက်- min-width ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- maxWidth ပိုင်ဆိုင်မှု