Atribut width
Atribut width menetapkan lebar imej,
yang ditetapkan oleh tag
img.
Kini, atribut ini dibenarkan
digunakan hanya untuk imej,
iframe,
video
dan beberapa tag lain.
Dibenarkan untuk menentukan nilai dalam piksel atau peratus. Jika saiz ditetapkan dalam peratus, ia akan diambil daripada lebar elemen induk. Jika saiz ditetapkan dalam piksel, unit pengukuran tidak dinyatakan.
Jika untuk imej tidak ditetapkan lebar, atau tinggi - imej akan mempunyai saiz sebenarnya. Jika tinggi ditetapkan - imej akan menjadi tinggi yang ditetapkan, dan lebarnya akan menyesuaikan supaya perkadarannya tidak terherot. Jika hanya lebar ditetapkan - begitu juga, imej akan menyesuaikan tingginya untuk mengekalkan perkadaran. Jika kedua-dua lebar dan tinggi ditetapkan - perkadaran imej mungkin terherot (atau mungkin tidak, terpulang pada nasib). Jika lebar atau tinggi (atau kedua-duanya sekali) lebih besar daripada saiz sebenar - imej akan membesar, tetapi akan kehilangan kualiti.
Disyorkan untuk menetapkan lebar dan tinggi kepada imej dalam atribut - dalam kes ini pelayar akan memuatkan imej dengan lebih pantas - ia tidak perlu mengira saiz setiap imej selepas menerimanya.
Tidak disyorkan untuk mengurangkan saiz
sebenar imej tanpa keperluan. Sebagai contoh,
saiz sebenar imej ialah 1000 oleh 1000
piksel, dan anda menetapkan lebarnya kepada 100px.
Dalam kes ini, imej pada skrin akan kelihatan
100 piksel, tetapi mempunyai saiz
keseluruhan seribu piksel dan, dengan itu, akan dimuatkan
jauh lebih lama.
Contoh penggunaan lihat di sini:
tag img.
