Attribut de largeur HTML
Définition et utilisation
L' width
attribut spécifie la largeur de l'élément, en pixels.
Remarque : Pour les éléments d'entrée, l' width
attribut est utilisé uniquement avec
<input type="image">
.
S'applique à
L' width
attribut peut être utilisé sur les éléments suivants :
Éléments | Attribut |
---|---|
<toile> | largeur |
<intégrer> | largeur |
<iframe> | largeur |
<image> | largeur |
<entrée> | largeur |
<objet> | largeur |
<vidéo> | largeur |
Exemples
Exemple de canevas
Un élément <canvas> avec une hauteur et une largeur de 200 pixels :
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Exemple d'intégration
Une animation flash d'une hauteur et d'une largeur de 200 pixels :
<embed src="helloworld.swf" width="200" height="200">
Exemple d'Iframe
Un <iframe> avec une hauteur et une largeur spécifiées de 200 pixels :
<iframe src="/default.asp" width="200" height="200"></iframe>
Exemple d'image
Une image d'une hauteur et d'une largeur de 42 pixels :
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Exemple d'entrée
Définissez une image comme bouton d'envoi, avec des attributs de hauteur et de largeur :
<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>
Exemple d'objet
Une animation flash d'une hauteur et d'une largeur de 400 pixels ::
<object data="helloworld.swf" width="400" height="400"></object>
Exemple vidéo
Un lecteur vidéo avec une largeur et une hauteur spécifiées :
<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>
Prise en charge du navigateur
L' width
attribut est compatible avec les navigateurs suivants pour chaque élément :
Element | |||||
---|---|---|---|---|---|
canvas | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
embed | Yes | Yes | Yes | Yes | Yes |
iframe | Yes | Yes | Yes | Yes | Yes |
img | Yes | Yes | Yes | Yes | Yes |
input | 1.0 | Yes | 16.0 | Yes | 1.0 |
object | Yes | Yes | Yes | Yes | Yes |
width | Yes | Yes | Yes | Yes | Yes |