HTML -wydte -kenmerk


Definisie en gebruik

Die widthkenmerk spesifiseer die breedte van die element, in pixels.

Let wel: Vir invoerelemente word die widthkenmerk slegs met <input type="image">.


Is van toepassing op

Die widthkenmerk kan op die volgende elemente gebruik word:

Elemente Eienskap
<canvas> breedte
<embed> breedte
<iframe> breedte
<img> breedte
<invoer> breedte
<voorwerp> breedte
<video> breedte

Voorbeelde

Seil voorbeeld

'n <canvas>-element met 'n hoogte en breedte van 200 pieksels:

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

Insluit voorbeeld

'n Flitsanimasie met 'n hoogte en breedte van 200 pixels:

<embed src="helloworld.swf" width="200" height="200">

Iframe voorbeeld

'n <iframe> met 'n gespesifiseerde hoogte en breedte van 200 pieksels:

<iframe src="/default.asp" width="200" height="200"></iframe>

Img Voorbeeld

'n Prent met 'n hoogte en breedte van 42 piksels:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

Invoer voorbeeld

Definieer 'n prent as die indien-knoppie, met hoogte- en breedte-kenmerke:

<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>

Voorwerp Voorbeeld

'n Flitsanimasie met 'n hoogte en breedte van 400 pixels::

<object data="helloworld.swf" width="400" height="400"></object>

Video voorbeeld

'n Videospeler met 'n gespesifiseerde breedte en hoogte:

<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>

Blaaierondersteuning

Die widthkenmerk het die volgende blaaierondersteuning vir elke element:

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