अधिकतम-चौड़ाई - सीएसएस-ट्रिक्स

Anonim

max-widthसीएसएस में गुण सेट करने के लिए प्रयोग किया जाता है अधिकतम चौड़ाई एक निर्दिष्ट तत्व की। max-widthसंपत्ति को ओवरराइड करता है widthसंपत्ति है, लेकिन min-widthहमेशा स्थान पर आ जाएगी max-widthकि क्या पहले या बाद में पीछा widthअपनी घोषणा में। लेखक किसी भी लम्बाई मान का उपयोग तब तक कर सकते हैं जब तक वे एक सकारात्मक मूल्य हैं।

.wrapper ( width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ ) .wrapper ( min-width: 50em; /* Overrides max-width */ width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ )
इस पेन को देखें!

यह मानकर max-widthसंभल जाएं कि यह संपत्ति विरासत में मिली है क्योंकि यह संपत्ति अन्य मूल तत्वों से विरासत में नहीं मिली है। यदि एक width300px को max-width600px के साथ परिभाषित किया गया है , तो प्रारंभिक widthमूल्य हमेशा max-width600px के मूल्य को ओवरराइड करेगा ।

ब्राउज़र का समर्थन

अर्थात एज फ़ायर्फ़ॉक्स क्रोम सफारी ओपेरा
7+ सब सब सब सब सब
Android क्रोम Android फ़ायरफ़ॉक्स Android ब्राउज़र iOS सफारी ओपेरा मोबाइल
सब सब सब सब सब
स्रोत: कैनुएज़

संबंधित गुण

15 जनवरी, 2021 को पंचांग

ऊंचाई

.element ( height: 500px; ) सारा कोप