English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство width CSS определяет ширину области содержимого элемента. Это содержимое не включает заполнение, рамки или отступы. Пожалуйста, обратитесь кМодель CSS-блока.
В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также синтаксис использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | auto |
|---|---|
| Применяется к: | Все элементы, кроме не замененных嵌入式 элементов, строк и групп строк |
| Наследование: | Нет |
| Анимировано: | Да.Пожалуйста, обратитесь к Свойства анимации. |
| Версия: | CSS 1, 2, 3 |
| Синтаксис JavaScript: | object.style.width="280px" |
Грамматика этого свойства такая:
width: length | percentage | auto | initial | inherit
Ниже приведен пример использования свойства width.
p {
width: 300px;
background-color: #f0e68c;
}Проверьте, как это работает‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| length | Указать ширину в значении длины, например, в px, pt, cm, em и т.д. Запрещены отрицательные значения длины. |
| percentage | Указать ширину в процентах. Процент относителен к ширине блока, содержащего элемент. Запрещены отрицательные значения процентов. |
| auto | Браузер будет рассчитывать ширину указанного элемента на основе значений других свойств. Это значение по умолчанию. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент использует значение свойства width родительского элемента. |
Совместимость браузеров с свойством width; числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к учебникам по следующим темам:Модель блока CSS,Размеры CSS.