css what अधिकतम ऊंचाई को कैसे सेट करें?




what is css in english (4)

या तो प्रयोग करें

max-height: none;

या

max-height: 100%;

नोट : दूसरा वाला ब्लॉक वाले ब्लॉक की ऊंचाई से संबंधित है।

अधिकतम-ऊंचाई संपत्ति को अपने डिफ़ॉल्ट पर रीसेट कैसे करें, अगर इसे पहले कुछ सीएसएस नियम में सेट किया गया है? क्योंकि यह काम नहीं करता है:

pre {
  max-height: 250px;
}

pre.doNotLimitHeight {
  max-height: auto; //Doesn't work at least in chrome
}

बस एक नोट, यदि आप $el.style.maxHeight = '50px'; जैसे तत्व को स्टाइल करने के लिए जावास्क्रिप्ट का उपयोग कर रहे हैं $el.style.maxHeight = '50px'; $el.style.maxHeight = 'none'; का उपयोग कर $el.style.maxHeight = 'none'; 50px "रीसेट" या "हटाएं" नहीं होगा, यह बस इसे ओवरराइड करेगा। इसका अर्थ यह है कि यदि आप $el.style.maxHeight = 'none'; का उपयोग करके किसी तत्व की अधिकतम ऊंचाई को "रीसेट" करने का प्रयास करते हैं $el.style.maxHeight = 'none'; यह उस तत्व से मेल खाने वाले सीएसएस चयन नियमों में किसी अन्य मान्य max-height गुणों को ओवरराइड करने, तत्व की max-height संपत्ति के लिए none मूल्य लागू none करेगा।

एक उदाहरण:

styles.css

.set-max-height { max-height: 50px; }

main.js

document.querySelectorAll('.set-max-height').forEach($el => {
  if($el.hasAttribute('data-hidden')){
    $el.style.maxHeight = '0px'; // Set max-height to 0px.
  } else {
    $el.style.maxHeight = 'none'; // 'Unset' max-height according to accepted answer.
});

वास्तव में एक इनलाइन शैली को "अनसेट" करने के लिए, आपको $el.style.removeProperty('max-height'); उपयोग करना चाहिए $el.style.removeProperty('max-height');

इसे एक संपूर्ण शैली नियम के लिए पूरा करने के लिए और केवल एक ही तत्व के लिए, आपको पहले वह नियम ढूंढना चाहिए जिसे आप संशोधित करना चाहते हैं, और फिर उस नियम पर removeProperty फ़ंक्शन को कॉल करें:

for(let i = 0; i < document.styleSheets[0].cssRules.length; ++i){
  if(document.styleSheets[0].cssRules[i].selectorText == '.set-max-height'){
    document.styleSheets[0].cssRules[i].style.removeProperty('max-height');
    break;
  }
}

हालांकि आप StyleSheet और CssRule ऑब्जेक्ट्स को पा सकते हैं, लेकिन एक साधारण एप्लिकेशन के लिए मुझे यकीन है कि उपर्युक्त पर्याप्त होगा।

इसे उत्तर के रूप में डालने के लिए खेद है, लेकिन मेरे पास 50 प्रतिनिधि नहीं हैं इसलिए मैं टिप्पणी नहीं कर सकता।

चीयर्स।


आप निम्नलिखित सीएसएस का उपयोग करके अधिकतम ऊंचाई विशेषता को साफ़ कर सकते हैं:

max-height:none; 

इसे none रीसेट करें:

pre {
  max-height: 250px;
}

pre.doNotLimitHeight {
  max-height: none;
}

Reference





css