max-width ဂုဏ်သတ္တိ

max-width ဂုဏ်သတ္တိသည် အချက်အလက်၏ အကျယ်ဆုံးအရွယ်အစားကို သတ်မှတ်ပေးပါသည်။ ဂုဏ်သတ္တိ၏ တန်ဖိုးအဖြစ် မည်သည့် အရွယ်အစားယူနစ်များ ကိုမဆို သုံးနိုင်ပြီး၊ သို့မဟုတ် တန်ဖိုးမရှိခြင်းကို ဆိုလိုသော none သော့ချက်စကားလုံးကို သုံးနိုင်ပါသည်။

ယေဘူယျအားဖြင့် ဤဂုဏ်သတ္တိကို မျောနေသော (သို့) အချိုးဖြင့် သတ်မှတ်ထားသော အကျယ်ရှိသည့် အချက်အလက်အတွက် သတ်မှတ်ပေးပါသည် (အကျယ်ကို ရာခိုင်နှုန်းဖြင့် သတ်မှတ်ထားခြင်း သို့မဟုတ် လုံးဝမသတ်မှတ်ထားခြင်းဖြစ်ပြီး အချက်အလက်သည် ၎င်း၏အကြောင်းအရာအလိုက် ကျယ်လာခြင်း)။ အကယ်၍ အချက်အလက်၏ အကျယ်ကို ရာခိုင်နှုန်းဖြင့် သတ်မှတ်ထားပါက - ဘရောက်ဆာဝင်းဒိုးကို ကျယ်အောင် ချဲ့လိုက်သည့်အခါ max-width တန်ဖိုးကို မရောက်မချင်း ၎င်း၏အကျယ်သည် တိုးလာပါမည်။

ဝါကျဖွဲ့စည်းပုံ

selector {
	max-width: value;
}

ဥပမာ

ဤဥပမာတွင် အကျယ်သည် မိဘအချက်အလက်၏ အကျယ်၏ ရာခိုင်နှုန်းတစ်ခု ဖြစ်ပါသည်။ ဘရောက်ဆာဝင်းဒိုး၏ အကျယ်ကို ချဲ့လိုက်ပါက၊ ကွန်တိန်နာသည်လည်း ဘရောက်ဆာဝင်းဒိုး၏ အကျယ်နှင့် လိုက်ဖက်စေရန် ကျယ်လာပါမည်။ သို့သော် ၎င်းသည် max-width တွင် သတ်မှတ်ထားသော တန်ဖိုး ဖြစ်သည့် 900px သို့ မရောက်မချင်း ကျယ်လာပါမည်။ ကွန်တိန်နာသည် ထိုအကျယ်သို့ ရောက်ရှိသွားသည့်အခါ - ဆက်လက်ကျယ်လာခြင်း ရပ်တန့်သွားပါမည်။

<div id="elem"></div>

#elem {
	width: 70%;
	max-width: 900px;
	height: 300px;
	border: 1px solid black;
}

ဥပမာ

ဤဥပမာတွင် ကွန်တိန်နာ၏ အကျယ်ကို နှစ်ဖက်စလုံးမှ ကန့်သတ်ထားပါသည်။ ၎င်းသည် 900px ထက် ပိုမကြီးနိုင်သလို၊ 400px ထက်လည်း ပိုမသေးနိုင်ပါ။

<div id="elem"></div>

#elem {
	width: 70%;
	max-width: 900px;
	min-width: 400px;
	height: 300px;
	border: 1px solid black;
}

ဆက်လက်ကြည့်ရှုရန်

min-width ဂုဏ်သတ္တိ၊
အချက်အလက်၏ အနိမ့်ဆုံးအကျယ်ကို သတ်မှတ်ပေးသည်
max-height ဂုဏ်သတ္တိ၊
အချက်အလက်၏ အမြင့်ဆုံးအမြင့်ကို သတ်မှတ်ပေးသည်
min-height ဂုဏ်သတ္တိ၊
အချက်အလက်၏ အနိမ့်ဆုံးအမြင့်ကို သတ်မှတ်ပေးသည်