Свойство max-height
Описание
Устанавливает максимальную высоту элемента.
Значение высоты элемента будет вычисляться в зависимости от значений установленных свойств height, max-height и min-height.
Если значение height больше значения max-height, то высота элемента принимается равной значению max-height.
Синтаксис
max-height: размер | проценты | none;Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
.block {
overflow: auto;
padding: 10px;
max-height: 80px;
background: rgb(130, 199, 255);
border: 3px solid #0033ff;
color: black;
}
.block p {
margin: 5px auto;
}
</style>
<div class='block'>
<p>
Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Себя проектах, решила она переписали, домах вершину жаренные, предупредила которое своего маленькая языкового переписывается приставка семь меня дал бросил деревни первую одна вскоре lorem.
</p>
<p>
Он эта злых повстречался предупредила вершину на берегу наш раз над осталось, своих оксмокс lorem, семь текста инициал свою послушавшись несколько пояс дал там продолжил, своего путь.
</p>
</div>
</body>
</html>Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Себя проектах, решила она переписали, домах вершину жаренные, предупредила которое своего маленькая языкового переписывается приставка семь меня дал бросил деревни первую одна вскоре lorem.
Он эта злых повстречался предупредила вершину на берегу наш раз над осталось, своих оксмокс lorem, семь текста инициал свою послушавшись несколько пояс дал там продолжил, своего путь.
Читайте также
Свойство top
Свойство top для позиционированного элемента определяет расстояние от верхнего края родительского...
Свойство grid
Свойство grid является сокращенной формой записи, которая устанавливает значения для всех явных с...
Свойство padding-bottom
Устанавливает расстояние от внутреннего нижнего края рамки элемента до воображаемого прямоугольника.
Свойство backdrop-filter
Позволяет использовать визуальные эффекты. Так как это применяется ко всему за элементом, чтобы у...
Селекторы атрибутов
Устанавливает стиль для элемента, если задан специфичный атрибут. Его значение в данном случае не...