HTMLInputElement: свойство width

Базовая Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Свойство width интерфейса HTMLInputElement определяет ширину элемента управления. Оно отражает значение атрибута <input> элемента width.

Свойство width допустимо только для типа image. Оно задаёт предпочтительный горизонтальный размер кнопки изображения в пикселях. Значение свойства — ширина content-box отрисованной кнопки. Свойства CSS, влияющие на размер элемента управления, имеют приоритет.

Если значение width не задано и свойства CSS ширины не влияют на элемент управления, то width будет равна внутренней ширине изображения. Если изображение не загрузилось, значение будет максимальной внутренней шириной alt текста. Значение width будет 0, если ширина неизвестна; если значение width не задано, свойства CSS размера не применяются, изображение не загрузилось, и либо значение атрибута alt пустое, либо значение src не задано.

Значение

Числовое значение.

Примеры

const inputElement = document.getElementById("imageButton");
console.log(inputElement.width);

Спецификации

Спецификация
HTML # dom-input-width

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`width`	21	12	16	≤12.1	7	25	16	≤12.1	7	1.5	4.4

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/width