Свойство width устанавливает ширину элемента.

См. также атрибут width.

Синтаксис

селектор {
	width: CSS единицы | проценты | auto | inherit;
}

Значения

Значение Описание
CSS единицы Устанавливает ширину в заданных единицах.
Проценты Ширина элемента вычисляется в зависимости от ширины родительского элемента.
auto Браузер сам выбирает ширину элемента.
inherit Наследует значение родителя.

Значение по умолчанию: auto.

Примеры

Пример

Установим ширину элемента в 300px:

#elem {
	width: 300px;
	height: 100px;
	border: 1px solid black;
}

Результат выполнения кода:

Пример

В данном примере ширина составляет процент от ширины родителя - в нашем случае это body. Для того, чтобы увидеть, как это работает - уменьшите окно браузера по ширине, и контейнер тоже уменьшится, чтобы подстроиться под ширину окна браузера:

#elem {
	width: 70%;
	height: 100px;
	border: 1px solid black;
}

Посмотреть пример.