Свойство min-width
Описание
Устанавливает минимальную ширину элемента.
Значение ширины элемента будет вычисляться в зависимости от значений установленных свойств width, max-width и min-width.
Если значение ширины width меньше значения min-width, то ширина элемента принимается равной min-width.
Синтаксис
min-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 {
padding: 10px;
min-height: 100px;
min-width: 250px;
background: rgb(130, 199, 255);
border: 3px solid #0033ff;
color: black;
}
.block p {
margin: 5px auto;
}
</style>
<div class='block'>
</div>
</body>
</html>Читайте также
Свойство filter
Применяет художественные эффекты к элементам. Обычно используется для изображений....
Свойство border-bottom-style
Устанавливает стиль границы элемента....
Вложенные селекторы
При создании веб-страницы часто приходится вкладывать одни элементы внутрь других. Чтобы стили для этих элементов использовались корректно, помогут вл...
Свойство grid
Свойство grid является сокращенной формой записи, которая устанавливает значения для всех явных свойств сетки (grid-template-rows, grid-template-colum...