Max-height и min-height

Сегодня поговорим про такие свойства как max-height и min-height.

И так max-height-устанавливает максимальную высоту элемента. Значение высоты элемента будет вычисляться в зависимости от значений установленных свойств height, max-height и min-height.

Значения свойств Высота

min-height < height < max-height height

height < max-height height

height > max-height max-height

min-height > height > max-height min-height

min-height > height < max-height min-height

Эта таблица в которой показано, что если значение высоты (height) больше значения max-height, то высота элемента принимается равной значению max-height.

Дополнительная информация

1. По умолчанию стоит свойство: none
2. Оно не наследуется
3. Применяется ко всем кроме таблицы и строчных
4. Оно анимируется

min-height

задаёт минимальную высоту элемента.Значение высоты элемента будет вычисляться в зависимости от установленных значений свойств height, max-height и min-height.

Значения свойства Высота

min-height < height < max-height height

min-height > height > max-height min-height

min-height > height < max-height min-height

min-height < height height

min-height > height min-height

min-height > max-height min-height

min-height < max-height max-height

Данные из таблицы следует понимать следующим образом. Если значение высоты (height) меньше значения min-height, то высота элемента принимается равной min-height.

Дополнительная информация

1. По умолчанию стоит значение: 0
2. Оно не наследуется
3. Применяется ко всем, кроме строчных и таблицы
4. Его можно анимировать

На этом сегодня всё