What is the min-height and max-height property in CSS?

Asked By: Suneeta Shukla

MEENA KUMAR SINGH

Min-Height Property In CSS

The min-height property in CSS is used to set the minimum height of an HTML element OR We can also say that sets the minimum height for an element by using min-height CSS property.
min-height value fixed for all devices like desktop, laptop, tablet, and mobile phones, etc.
And the most important thing, the min-height property has no effect if the content of an element is larger then the min-height.
The min-height CSS property overrides both the height & the max-height property if any of them is specified below the min-height value.

Syntax of min-height CSS Property

min-height: none | <length> | <percentage> | inherit
min-height: length;
min-height: percentage;
min-height: initial;
min-height: auto;
min-height: calc;
min-height: fill-available;
min-height: fit-content;
min-height: max-content;
min-height: min-content;

Max-Height Property In CSS

The max-height property in CSS is used to set the maximum height of an HTML element OR We can also say that sets the maximum height for an element by using max-height CSS property.
The max-height overrides height, BUT the min-height overrides max-height.
If the content of the element is larger than the specified max-height then the content will overflow otherwise it has no effect.

Syntax of max-height CSS Property

max-height: none | <length> | <percentage> | inherit [Basic syntax]
max-height: length;
max-height: percentage;
max-height: initial;
max-height: auto;
max-height: calc;
max-height: fill-available;
max-height: fit-content;
max-height: max-content;
max-height: min-content;

1 votes

Your Answer

Denim Ross

Accuracy Amplified: The Role of Lab Stickers

In the intricate and meticulous realm of scientific laboratories, precision reig...

Adom

How to Generate Random Alphanumeric String in C#?

There are direct methods to Generate Random Numbers but there is no direct metho...

Jake Paul

Top 5 Best Short Video Creators for Creating Outstanding Videos

Do you want to know which are the 5 most popular online short video creator soft...

Bevin

Know how you can remove AI Detection using Bypass AI

Bypass AI emerges as a cutting-edge solution in this context, promising to bridg...

Albert Jones

Attractive Web Development Trends

While everyone is analyzing what was popular in web development, want to look at...

Jessica

How Important is Technology in the Education System

The International Society for Technology in Education (ISTE) created many jobs i...

Lili Patel

The Power of 3D: Transforming Ideas into Mesmerizing Visual Realities

3D rendering has the power to transform concepts into mesmerizing visual realiti...

Lucy Bright

5G Technology: Applications and Difference Between 4G & 5G

5G refers to the fifth generation of mobile networks. Following 1G, 2G, 3G, and ...

Luka Moravac

Amdocs Interview Round, Question Asked for Online Test & Salaries

Amdocs is a leading software company that provides services to communications to...

Manuela Alboreto

What is unemployment? and what are the types of unemployment

The main reason behind unemployment is population growth day by day, unemployed ...

Flynn

Top SEO Tools to Use in 2024

SEO is never dead; in fact, it is more important than ever before. Digital marke...

Dinesh Rai

Why we use aliases in SQL?

For better readability and understandability SQL aliases are used to provide tem...

Alisha Jones

Investing App — Is It Relevant to Create Such a Startup Today?

An investing app is a mobile application that allows users to invest in various ...

Sunny Shekhar

Wipro Interview Round, Question Asked for Online Test & Salaries

Wipro is an IT services provider company including Systems Integration, Consulti...

Shubhanker Jha

Which one best and safest hosting provider GoDaddy or HostGator

GoDaddy web hosting provider was founded in 1997 as Jomax Technologies and HostG...

David Walliams

Sunday Night Routine to Get You Well and Set for the Forthcoming Week

The weekend is over, and it's time to get back to the grind. But before you do, ...

Sarnath Bhagat

What is the difference between details and summary tag?

In HTML details tag and summary tag are used together to achieve the task. The c...

TOP CATEGORIES

What is the min-height and max-height property in CSS?

Your Answer

Related Topics

Related Topics

Policy & Disclosure

Sitemap

Lifestyle Article