Сегодня поговорим про такие свойства как 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.
Дополнительная информация
- По умолчанию стоит свойство: none
- Оно не наследуется
- Применяется ко всем кроме таблицы и строчных
- Оно анимируется
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.
Дополнительная информация
- По умолчанию стоит значение: 0
- Оно не наследуется
- Применяется ко всем, кроме строчных и таблицы
- Его можно анимировать
На этом сегодня всё