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