Свойство max-width
Описание
Устанавливает максимальную ширину элемента.
Значение ширины элемента будет вычисляться в зависимости от значений установленных свойств width, max-width и min-width.
Если значение width больше значения max-width, то высота элемента принимается равной значению max-width.
Синтаксис
max-width: размер | проценты | 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: 100px;
max-width: 250px;
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, семь текста инициал свою послушавшись несколько пояс дал там продолжил, своего путь.
Читайте также
Свойство margin-top
Устанавливает величину отступа от верхней границы текущего элемента до внутренней границы его род...
Свойство grid-auto-rows
Определяет размер любых автоматически созданных треков. Неявные треки создаются при явном позицио...
Стиль активного элемента
Определяет стиль активного элемента. Это такое состояние элемента, которое происходит между щелчк...
Свойство font-grow
Задаёт направление основных осей в контейнере. Определяет положение флексов в контейнере. На напр...
Свойство text-overflow
Определяет параметры видимости текста в блоке, если текст целиком не помещается в заданную област...