কীভাবে সর্বোচ্চ-উচ্চতা আনসেট করবেন?

161

max-heightপূর্বে কিছু সিএসএস নিয়মে সেট করা থাকলে আমি কীভাবে সম্পত্তিটিকে তার ডিফল্টে পুনরায় সেট করব? এটি কাজ করে না:

pre {
  max-height: 250px;
}

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

css

— BiAiB
সূত্র

306

এটিকে পুনরায় সেট করুন none:

pre {
  max-height: 250px;
}

pre.doNotLimitHeight {
  max-height: none;
}

উল্লেখ

— মাদারার ভূত
সূত্র

কেবলমাত্র একটি নোট যা এর জন্য কাজ করে না min-height( noneঅনুমোদিত নয় এবং ফলাফলটি মানকে ছাড়িয়ে যাবে না)।

— জন

1

@ জোন এটি ঠিক, এর জন্য ডিফল্ট মান min-height0, তবে যেহেতু "ইনফিনিটি" সিএসএসে কোনও জিনিস নয়, তাই max-heightডিফল্ট হয় none।

— মাদারার ভূত

24

আপনি নিম্নলিখিত সিএসএস ব্যবহার করে সর্বাধিক-উচ্চতার বৈশিষ্ট্যটি সাফ করতে পারেন:

max-height:none;

— mr_lewjam
সূত্র

3

কেবলমাত্র একটি নোট, আপনি যদি জাভাস্ক্রিপ্ট ব্যবহার করছেন এমন উপাদানটির স্টাইল করতে $el.style.maxHeight = '50px';ব্যবহার করেন $el.style.maxHeight = 'none';তবে এটি "রিসেট" বা "অপসারণ" করবে না 50px, এটি কেবল এটিকে ওভাররাইড করবে। এর অর্থ এই যে, আপনি যদি চেষ্টা "রিসেট" ব্যবহার করে একটি উপাদান সর্বোচ্চ উচ্চতা $el.style.maxHeight = 'none';এটা প্রযোজ্য হবে noneমান max-heightউপাদান সম্পত্তি, অন্য কোন বৈধ অগ্রাহ্য max-heightসিএসএস নির্বাচন নিয়ম বৈশিষ্ট্য যে ম্যাচ যে উপাদান।

একটি উদাহরণ:

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');।

পুরো স্টাইলের নিয়মের জন্য এবং কেবলমাত্র একটি একক উপাদান নয়, এর জন্য এটি সম্পূর্ণ করতে আপনার প্রথমে আপনার যে রুলটি সংশোধন করতে চান তা সন্ধান করতে হবে এবং তারপরে 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 টি প্রতিনিধি নেই তাই আমি মন্তব্য করতে পারি না।

চিয়ার্স।

— Jexah
সূত্র

1

হয় ব্যবহার করুন

max-height: none;

অথবা

max-height: 100%;

দ্রষ্টব্য : দ্বিতীয়টি ধারণকৃত ব্লকের উচ্চতার সাথে সম্পর্কিত।

— thiagowfx
সূত্র

1

দুঃখিত তবে এটি ভুল, সর্বাধিক উচ্চতা নির্ধারণ: 100% অন্তর্ভুক্ত ব্লকের উচ্চতার সাথে সম্পর্কিত। সুতরাং এটি প্রকৃত সর্বোচ্চ উচ্চতা সীমাবদ্ধ করে।

— বিআইআইইবি

1

তুমি ব্যবহার করতে পার

max-height: unset;

যা কোনও সম্পত্তিকে তার উত্তরাধিকারসূত্রে মান হিসাবে পুনরায় সেট করে যদি আপনি তার পিতামাতার কাছ থেকে উত্তরাধিকারী হন (মূলশব্দ উত্তরাধিকারী হিসাবে কাজ করবে) এবং যদি আপনি উত্তরাধিকারসূত্রে না পান তবে এটির প্রাথমিক মানটিতে পুনরায় সেট হবে (কীওয়ার্ড প্রাথমিক হিসাবে কাজ করবে)।

— অবধূত থোরাট
সূত্র