सीएसएस अधिकतम-चौड़ाई संपत्ति
उदाहरण
<p> तत्व की अधिकतम चौड़ाई 150 पिक्सेल पर सेट करें:
p.ex1 {
max-width: 150px;
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
गुण किसी तत्व की max-width
अधिकतम चौड़ाई को परिभाषित करता है।
यदि सामग्री अधिकतम चौड़ाई से बड़ी है, तो यह स्वचालित रूप से तत्व की ऊंचाई को बदल देगी।
यदि सामग्री अधिकतम चौड़ाई से छोटी है, तो
max-width
गुण का कोई प्रभाव नहीं पड़ता है।
नोट: यह
चौड़ाई संपत्ति के मूल्य को से बड़ा होने से रोकता है
max-width
। संपत्ति का मूल्य
max-width
चौड़ाई संपत्ति को ओवरराइड करता है।
डिफ़ॉल्ट मान: | कोई नहीं |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हाँ, व्यक्तिगत गुण देखें । एनिमेटेबल के बारे में पढ़ें |
संस्करण: | सीएसएस 2 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.maxWidth="600px" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
सीएसएस सिंटेक्स
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%;
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस ऊंचाई और चौड़ाई
सीएसएस संदर्भ: न्यूनतम-चौड़ाई वाली संपत्ति
एचटीएमएल डोम संदर्भ: मैक्सविड्थ संपत्ति