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 поддерживается во всех основных браузерах.

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

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

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

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

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

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