HTML width Attribute

Definition and Usage

The width attribute specifies the width of the element, in pixels.

Note: For input elements, the width attribute is used only with <input type="image">.

Applies to

The width attribute can be used on the following elements:

Elements	Attribute
<canvas>	width
<embed>	width
<iframe>	width
<img>	width
<input>	width
<object>	width
<video>	width

Examples

Canvas Example

A <canvas> element with a height and width of 200 pixels:

Try it Yourself »

Embed Example

A flash animation with a height and width of 200 pixels:

Try it Yourself »

Iframe Example

An <iframe> with a specified height and width of 200 pixels:

Try it Yourself »

Img Example

An image with a height and a width of 42 pixels:

Try it Yourself »

Input Example

Define an image as the submit button, with height and width attributes:

<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>

Try it Yourself »

Object Example

A flash animation with a height and width of 400 pixels::

Try it Yourself »

Video Example

A video player with a specified width and height:

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Try it Yourself »