ویژگی max-height CSS
- صفحه قبل max-block-size
- صفحه بعدی max-inline-size
تعریف و استفاده
ویژگی max-height ارتفاع حداکثر عنصر را تنظیم می‌کند.
توضیحات
این مقدار ویژگی ارتفاع بالاترین محدودیتی برای تنظیم ارتفاع عنصر ایجاد می‌کند. بنابراین، عنصر می‌تواند کوتاه‌تر از مقدار مشخص شده باشد، اما نمی‌تواند بلندتر از آن باشد. مقدار منفی مجاز نیست.
نکته:ویژگی max-height شامل حاشیه، لبه و فضای داخلی نیست.
لطفاً به:
آموزش CSS:ابعاد CSS
آموزش CSS:ویژگی min-height
دستورالعمل HTML DOM:ویژگی maxHeight
قوانین CSS
max-height: none|length|initial|inherit;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| none | پیش‌فرض. تعیین حداکثر ارتفاع مجاز برای عنصر را محدود نمی‌کند. |
| length | ارتفاع حداکثر عنصر را تعریف می‌کند. |
| % | ارتفاع حداکثر بر اساس درصد از عنصر بلوک‌های شامل آن تعریف می‌شود. |
| inherit | این ویژگی باید مقدار حداکثر ارتفاع max-height از عنصر پدر به ارث برسد. |
جزئیات فنی
| مقدار پیش‌فرض: | none |
|---|---|
| ارث: | no |
| نسخه: | CSS2 |
| قوانین جاوااسکریپت: | object.style.maxHeight="50px" |
مثال عملی
- تنظیم حداکثر ارتفاع عنصر
- این مثال نحوه تنظیم حداکثر ارتفاع یک عنصر را نشان می‌دهد.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را به طور کامل پشتیبانی می‌کند.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
- صفحه قبل max-block-size
- صفحه بعدی max-inline-size
