Атрибут width изображения

Объект Image DOM HTML

Определение и использование

width Атрибут устанавливает или возвращает ширину изображения Атрибут width worth.

Атрибут width HTML определяет ширину изображения.

Этот атрибут также может возвращать ширину изображения, установленную с помощью CSS (см. примеры ниже).

Совет:Используйте Атрибут height Установите или верните ширину изображения Атрибут height worth.

Пример

Пример 1

Измените ширину изображения на 450px:

document.getElementById("myImg").width = "450";

Попробуйте сами

Пример 2

Возврат ширины изображения:

var x = document.getElementById("myImg").width;

Попробуйте сами

Пример 3

Измените высоту и ширину изображения на 300px и 450px соответственно:

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

Попробуйте сами

Пример 4

Возврат ширины изображения, установленной с помощью CSS:

var x = document.getElementById("myImg").width;

Попробуйте сами

Синтаксис

Возврат атрибута width:

imageObject.ширина

Установите атрибут width:

imageObject.ширина = pixels

Значение атрибута

Значение Описание
pixels Ширина в пикселях (например, width="100").

Технические детали

Возврат значения: Число, представляющее ширину изображения в пикселях.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Соответствующие страницы

Руководство HTML:Атрибут width элемента <img> HTML

Объект Image DOM HTML