tutorial pengembangan web terbaru
 

HTML Atribut width


Definisi dan Penggunaan

The width atribut menentukan lebar dari elemen, dalam piksel.

Catatan: Untuk elemen input, width atribut hanya digunakan dengan <input type="image"> .


Berlaku untuk

The width atribut dapat digunakan pada unsur-unsur berikut:

elemen Atribut
<canvas> width
<embed> width
<iframe> width
<img> width
<input> width
<object> width
<video> width

contoh

Canvas Contoh

Sebuah <canvas> elemen dengan tinggi dan lebar 200 piksel:

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

Embed Contoh

Sebuah animasi flash dengan tinggi dan lebar 200 piksel:

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

Iframe Contoh

Sebuah <iframe> dengan ketinggian tertentu dan lebar 200 piksel:

<iframe src="/default.html" width="200" height="200"></iframe>
Cobalah sendiri "

Img Contoh

Sebuah gambar dengan tinggi dan lebar 42 piksel:

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

Input Contoh

Tentukan gambar sebagai tombol submit, dengan tinggi dan lebar atribut:

<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>
Cobalah sendiri "

Object Contoh

Sebuah animasi flash dengan tinggi dan lebar 400 piksel ::

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

Video Contoh

Sebuah pemutar video dengan lebar tertentu dan tinggi:

<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>
Cobalah sendiri "

Dukungan Browser

The width atribut memiliki dukungan browser berikut untuk setiap elemen:

Elemen
canvas 4.0 9.0 2.0 3.1 9.0
embed iya nih iya nih iya nih iya nih iya nih
iframe iya nih iya nih iya nih iya nih iya nih
img iya nih iya nih iya nih iya nih iya nih
input 1.0 iya nih 16.0 iya nih 1.0
object iya nih iya nih iya nih iya nih iya nih
width iya nih iya nih iya nih iya nih iya nih