Attributo di larghezza HTML
Definizione e utilizzo
L' widthattributo specifica la larghezza dell'elemento, in pixel.
Nota: per gli elementi di input, l' widthattributo viene utilizzato solo con
<input type="image">.
Si applica a
L' widthattributo può essere utilizzato sui seguenti elementi:
| Elementi | Attributo |
|---|---|
| <tela> | larghezza |
| <incorpora> | larghezza |
| <iframe> | larghezza |
| <img> | larghezza |
| <immissione> | larghezza |
| <oggetto> | larghezza |
| <video> | larghezza |
Esempi
Esempio di tela
Un elemento <canvas> con un'altezza e una larghezza di 200 pixel:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Esempio di incorporamento
Un'animazione flash con un'altezza e una larghezza di 200 pixel:
<embed src="helloworld.swf" width="200" height="200">
Esempio di iframe
Un <iframe> con un'altezza e una larghezza specificate di 200 pixel:
<iframe src="/default.asp" width="200" height="200"></iframe>
Esempio di immagine
Un'immagine con un'altezza e una larghezza di 42 pixel:
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Esempio di input
Definisci un'immagine come pulsante di invio, con attributi di altezza e larghezza:
<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>
Esempio di oggetto
Un'animazione flash con un'altezza e una larghezza di 400 pixel:
<object data="helloworld.swf" width="400" height="400"></object>
Esempio di video
Un video player con una larghezza e un'altezza specificate:
<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>
Supporto browser
L' widthattributo ha il seguente supporto del browser per ogni elemento:
| 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 |