Свойство width устанавливает ширину области содержимого элемента.
Если содержимое превышает заданую ширину области содержимого, оно будет выходить за границу элемента, например слишком длинное слово или слишком большое изображение. Для того, чтобы содержимое оставалось в пределах границ элемента, можно воспользоваться свойством или , в этом случае, если содержимое будет превышать заданую ширину, появится полоса прокрутки. Чтобы визуально увидеть, когда содержимое выходит за границу элемента, можно к примеру установить фон или рамку для элемента.
Общая ширина элемента вычисляется по формуле: width + padding (левый и правый) + border (левый и правый). Например, если вы зададите: width: 500px, padding: 5px, border 1px, то общая ширина элемента получится 512px.
Примечание: свойство width работает только с блочными элементами.
| Значение по умолчанию: |
auto |
| Наследуется: |
нет |
| Версия: |
CSS1 |
| Синтаксис JavaScript: |
object.style.width="50px" |
| Значение |
Описание |
| auto |
Браузер автоматически определяет ширину. |
| размер |
Определяет ширину в единицах измерения CSS. |
| % |
Ширина указывается в процентах и высчитывается в зависимости от общей ширины родительского элемента. |
| inherit |
Указывает, что значение наследуется от родительского элемента. |
Пример
html
head
style
p.ex { width: 300px; }
/style
/head
body
p class="ex"Открыв глаза, он понял, что все еще находится в лесу, поблизости
никого уже не было, даже чувство тревоги пропало. И только полностью осознав
что произошло, он наконец-то понял причину нападения и осознал, как много у него
украли за прошедшие мгновения его жизни./p
/body
/html