English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство min-width CSS определяет минимальную ширину области содержимого элемента. Эта минимальная ширина не включает наполнитель, рамку или отступ - см.CSS box model.
В таблице приведены инструкции по использованию и истории версий этого свойства, а также синтаксис использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | 0 |
|---|---|
| Применяется к: | Все элементы, кроме замененных внедренных элементов, строк и групп строк |
| Инherit: | Нет |
| Анимировано: | Да.Пожалуйста, обратитесь к Свойства анимации. |
| Версия: | CSS 2, 3 |
| JavaScript синтаксис: | object.style.minWidth="10px" |
Синтаксис этого свойства следующий:
min-width: length | percentage | initial | inherit
Ниже приведен пример того, как использовать свойство min-width.
p {
min-width: 500px;
}
div {
min-width: 800px;
}Проверьте, как это работает‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| length | Указанная минимальная ширина, измеряемая в px, pt, cm, em и т.д. Запрещены отрицательные значения. |
| percentage | Указать минимальную ширину (в процентах). Процент рассчитывается относительно ширины блока содержимого элемента. Запрещены отрицательные проценты. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент использует значение min-width родительского элемента. |
Совместимость браузеров min-width свойства, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к руководствам по следующим темам:CSS Box модель,Размеры CSS.