Свойство width
Пример style.width
Установите свойство width элемента <button>:
document.getElementById("myBtn").style.width = "300px";
Попробуйте сами »
Описание width
Свойство width устанавливает или возвращает ширину элемента.
Свойство width влияет только на элементы уровня блока или на элементы с абсолютным или фиксированным положением. Переполняющим содержимым можно управлять с помощью свойства overflow.
Совет: используйте свойство height, чтобы установить или вернуть высоту элемента.
Поддержка width
| Свойство | |||||
|---|---|---|---|---|---|
| width | Да | Да | Да | Да | Да |
Синтаксис width
Вернуть свойство width:
object.style.width
Установите свойство width:
object.style.width = "auto|length|%|initial|inherit"
Значение свойства width
| Значение | Описание |
|---|---|
| auto | Браузер устанавливает ширину. Это значение по умолчанию |
| length | Определяет ширину в единицах длины |
| % | Определяет ширину в % родительского элемента |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали width
| Значение по умолчанию: | auto |
|---|---|
| Возвращаемое значение: | Строка, представляющая ширину элемента. |
| CSS Версия | CSS1 |
Ещё примеры width
Измените ширину элемента <div>:
document.getElementById("myDIV").style.width = "500px";
Попробуйте сами »
Измените высоту и ширину элемента <img>:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Попробуйте сами »
Вернуть свойство width элемента <img>:
alert(document.getElementById("myImg").style.width);
Попробуйте сами »
Связанные страницы width
CSS Учебник: CSS Измерение
CSS Учебник: CSS Бокс модель
CSS Справочник: Свойство width