Свойства CSS

Меню

min-width

Поддержка браузерами

12.0+ 7.0+ 1.0+ 1.0+ 4.0+ 2.0.2+

Описание

CSS свойство min-width устанавливает минимальную ширину области для содержимого элемента.

Примите во внимание, что минимальная ширина элемента вычисляется по формуле:
min-width+padding(левый и правый)+border(ширина рамки)
т.е. если вы зададите min-width: 500px, padding: 5px, border 1px, то минимальная ширина получится 512px.

Примечание: CSS свойство min-width работает только с блочными элементами.

Значение по умолчанию: 0
Применяется: ко всем элементам, кроме незаменяемых строчных элементов, столбцов таблицы и групп столбцов
Анимируется: да
Наследуется: нет
Версия: CSS2
Синтаксис JavaScript: object.style.minWidth="10px"

Синтаксис

min-width: величина|%|inherit;

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

Значение Описание
величина Определяет минимальную ширину в единицах измерения CSS.
% Минимальная ширина указывается в процентах и высчитывается в зависимости от ширины родительского элемента.
inherit Указывает, что значение наследуется от родительского элемента.

Пример


<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Пример</title>
  <style>
    p {
      min-width: 500px;
      background-color: yellow;
    }
  </style>
</head>
<body>

  <p>Минимальная ширина элемента 500px.</p>

</body>
</html>

Результат данного примера в окне браузера:

min-width