САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

На сайте нет рекламы

HTML Атрибут width



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

Атрибут width задает ширину элемента в пикселях.

Примечание: Для входных элементов атрибут width используется только с <input type="image">.


Применение

Атрибут width может использоваться для следующих элементов:

Элемент Атрибут
<canvas> width
<embed> width
<iframe> width
<img> width
<input> width
<object> width
<video> width

Примеры

Пример Canvas

Элемент <canvas> с высотой и шириной 200 пикселей:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Попробуйте сами »

Пример Embed

Флэш анимация высотой и шириной 200 пикселей:

<embed src="helloworld.swf" width="200" height="200">
Попробуйте сами »

Пример Iframe

Элемент <iframe> с заданной высотой и шириной 200 пикселей:

<iframe src="/default.php" width="200" height="200"></iframe>
Попробуйте сами »

Пример Img

Изображение высотой и шириной 42 пикселя:

<img src="smiley.gif" alt="Улыбка" height="42" width="42">
Попробуйте сами »

Пример Input

Определите изображение как кнопку отправки с атрибутами высоты и ширины:

<form action="/action_page.php">
 Имя: <input type="text" name="fname"><br>
 Фамилия: <input type="text" name="lname"><br>
 <input type="image" src="img_submit.gif" alt="Отправить" width="48" height="48">
</form>
Попробуйте сами »

Пример Object

Флэш анимация с высотой и шириной 400 пикселей:

<object data="helloworld.swf" width="400" height="400"></object>
Попробуйте сами »

Пример Video

Видеоплеер с заданной шириной и высотой:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
 Ваш браузер не поддерживает видео тег video.
</video>
Попробуйте сами »

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

Атрибут width имеет следующую поддержку браузера для каждого элемента:

Элемент
canvas 4.0 9.0 2.0 3.1 9.0
embed Да Да Да Да Да
iframe Да Да Да Да Да
img Да Да Да Да Да
input 1.0 Да 16.0 Да 1.0
object Да Да Да Да Да
width Да Да Да Да Да