Свойство CSS width

Поддержка браузерами

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
4+ Да 3.5+ 1.0+ 1.0+ 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
Да Да Да 4+ Да Да Да

Краткая информация

Значение по умолчанию auto
Наследуется Нет
Применяется К блочным элементам
Аналог HTML

Допустимо применение атрибута width к тегам img, th и td

<th width="10">...</th> или <th width="50%">...</th>

Реализация в javascript
document.getElementById('idElement').style.width = '10px';
в данном случае элементу с id='idElement' будет добавлен стиль
width:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="width:10px;">...</div>
Реализация в jQuery
$('#idElement').css('width','10px');
в данном случае элементу с id='idElement' будет добавлен стиль
width:10px;
Результат будет следующий, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="width:10px;">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Устанавливает ширину содержимого элемента.

Свойство задает ширину содержимого элемента, не включая в себя отступы (margin), границы (border) и поля (padding).

Недопустимо указание отрицательных значений для свойства width.

Если содержимое элемента будет превышать размеры самого элемента, длинное слово или большое изображение, то такое содержимое будет выходить за пределы. Так же если размеры элемента которому задано свойство width будет больше своего родителя или окна браузера, то такой элемент будет выходить за пределы своего родителя или окна браузера (появиться полоса горизонтальной прокрутки).

Синтаксис

width: значение | auto | inherit;

Например:

... width: 20px; ...

Значения

значение

Положительное значение в пикселях или других единицах измерения CSS.

При использовании процентов в качестве ширины элемента, размер вычисляется исходя из ширины родительского элемента, в случае отсутствия родителя ширина вычисляется исходя из ширины окна браузера.

inherit Наследует значение родителя.
auto

Браузер самостоятельно рассчитывает ширину элемента.

Пример

width:100px;
width:auto;
width:70%;
width:20em;

Результат

В этом блоке показан пример использования свойства width:100px;.