tutoriais mais recente desenvolvimento web
 

HTML atributo de largura


Definição e Uso

A width atributo especifica a largura do elemento, em pixels.

Nota: Para elementos de entrada, a width atributo é usado somente com <input type="image"> .


Aplica-se a

A width atributo pode ser usado nos seguintes elementos:

elementos Atributo
<canvas> width
<embed> width
<iframe> width
<img> width
<input> width
<object> width
<video> width

Exemplos

Canvas Exemplo

Um <canvas> elemento com uma altura e largura de 200 pixels:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Tente você mesmo "

Embed Exemplo

A animação em flash com uma altura e largura de 200 pixels:

<embed src="helloworld.swf" width="200" height="200">
Tente você mesmo "

Iframe Exemplo

Um <iframe> com uma altura e largura de 200 pixels especificado:

<iframe src="/default.html" width="200" height="200"></iframe>
Tente você mesmo "

Img Exemplo

Uma imagem com uma altura e uma largura de 42 pixels:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Tente você mesmo "

Input Exemplo

Definir uma imagem como o botão enviar, com altura e largura atributos:

<form action="demo_form.asp">
  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>
Tente você mesmo "

Object Exemplo

A animação em flash com uma altura e largura de 400 pixels ::

<object data="helloworld.swf" width="400" height="400"></object>
Tente você mesmo "

Video Exemplo

Um player de vídeo com uma largura e altura especificadas:

<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>
Tente você mesmo "

Suporte a navegadores

A width atributo tem o seguinte suporte ao navegador para cada elemento:

Elemento
canvas 4.0 9 2.0 3.1 9
embed sim sim sim sim sim
iframe sim sim sim sim sim
img sim sim sim sim sim
input 1.0 sim 16,0 sim 1.0
object sim sim sim sim sim
width sim sim sim sim sim