Najnowsze tutoriale tworzenie stron internetowych
 

Szerokość HTML Atrybut


Definicja i Wykorzystanie

width cecha określa szerokość elementu w pikselach.

Uwaga: W przypadku elementów wejściowych, width atrybut jest używany tylko z <input type="image"> .


Dotyczy

width atrybut może być stosowany w następujących elementów:

Elementy Atrybut
<canvas> width
<embed> width
<iframe> width
<img> width
<input> width
<object> width
<video> width

Przykłady

Canvas Przykład

<canvas> elementu o wysokości i szerokości 200 pikseli:

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

Embed Przykład

Animacji flash o wysokości i szerokości 200 pikseli:

<embed src="helloworld.swf" width="200" height="200">
Spróbuj sam "

Iframe Przykład

<iframe> o określonej wysokości i szerokości 200 pikseli:

<iframe src="/default.html" width="200" height="200"></iframe>
Spróbuj sam "

Img Przykład

Obraz o wysokości i szerokości 42 pikseli:

<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Spróbuj sam "

Input Przykład

Definiowanie obrazu jako przycisk Prześlij, z atrybutami wysokość i szerokość:

<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>
Spróbuj sam "

Object Przykład

Animacji flash o wysokości i szerokości 400 pikseli ::

<object data="helloworld.swf" width="400" height="400"></object>
Spróbuj sam "

Video Przykład

Odtwarzacz wideo o określonej szerokości i wysokości:

<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>
Spróbuj sam "

Pomoc Browser

width atrybut posiada następujące wsparcie przeglądarki dla każdego elementu:

Element
canvas 4,0 9,0 2,0 3,1 9,0
embed tak tak tak tak tak
iframe tak tak tak tak tak
img tak tak tak tak tak
input 1,0 tak 16,0 tak 1,0
object tak tak tak tak tak
width tak tak tak tak tak