Ширина стиля Свойство
Пример
Установите ширину элемента <button>:
document.getElementById("myBtn").style.width = "300px";
Определение и использование
Свойство width устанавливает или возвращает ширину элемента.
Свойство ширины действует только на элементы уровня блока или на элементы с абсолютной или фиксированной позицией. Переполняющим содержимым можно управлять с помощью свойства overflow.
Совет: Используйте свойство height , чтобы задать или вернуть высоту элемента.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Вернуть свойство ширины:
object.style.width
Установите свойство ширины:
object.style.width = "auto|length|%|initial|inherit"
Значения свойств
Value | Description |
---|---|
auto | The browser sets the width. This is default |
length | Defines the width in length units |
% | Defines the width in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | авто |
---|---|
Возвращаемое значение: | Строка, представляющая ширину элемента |
CSS-версия | CSS1 |
Дополнительные примеры
Пример
Измените ширину элемента <div>:
document.getElementById("myDIV").style.width = "500px";
Пример
Измените высоту и ширину элемента <img>:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Пример
Вернуть ширину элемента <img>:
alert(document.getElementById("myImg").style.width);
Связанные страницы
Учебное пособие по CSS: измерение CSS
Учебное пособие по CSS: блочная модель CSS
Справочник по CSS: свойство ширины
❮ Объект стиля