CSS-свойство width определяет ширину области содержимого элемента. Этот контент не включает отступы padding и границы border. Подробнее см. блочную модель CSS.

Значение по умолчанию: auto
Применяется к: Все элементы, кроме незаменяемых инлайновых элементов, table rows, и row groups
Наследование: Нет
Анимирование: Да. Анимируемые свойства
Версия: CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

width: length | percentage | auto | initial | inherit

Примеры написания кода свойства width:

p {
    width: 300px;
    background-color: #f0e68c;
}

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

В следующей таблице описаны значения этого свойства.

Значение Описание
length Указывает ширину в виде значения указанного в px, pt, cm, em и т. д. Отрицательные значения длины не допускается.
percentage Указывает ширину в процентах. Процент рассчитывается относительно высоты содержащего элемента блока. Отрицательные значения в процентах не допускаются.
auto Браузер рассчитает ширину для указанного элемента на основе значений других свойств. Это значение установлено по умолчанию.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента width.

Поддержка браузеров

Свойство width поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.