width атрибуты
width атрибуты img тегі
арқылы берілген суреттің енін белгілейді.
Қазіргі уақытта бұл атрибут тек суреттер,
iframe,
video
және басқа да кейбір тегтер үшін қолдануға рұқсат етіледі.
Мәндерді пиксельде немесе пайызбен көрсетуге болады. Егер өлшем пайызбен берілсе, олар ата-ананың енінен алынады. Егер өлшем пиксельде берілсе, өлшем бірліктері көрсетілмейді.
Егер суретке ен де, биіктік те берілмесе - сурет өз нақты өлшемінде болады. Егер биіктік берілсе - сурет берілген биіктікке ие болады, ал ені оның пропорциялары бұрмаланбауы үшін сәйкес бейімделеді. Егер тек ен берілсе - ұқсас түрде, сурет пропорцияларын сақтау үшін биіктігі бойынша бейімделеді. Егер ен де, биіктік те берілсе - суреттің пропорциялары бұрмалануы мүмкін (немесе сіз болжағандай болмауы мүмкін). Егер ен немесе биіктік (немесе екеуі бірге) нақты мәннен үлкен болса - сурет үлкеейді, бірақ сапасынан айырылады.
Суреттерге ен мен биіктікті атрибуттарда белгілеу ұсынылады - бұл жағдайда браузер суреттерді тезірек жүктейді - оған әрбір суреттің өлшемін алудан кейін есептеуге қажет жоқ.
Нақты сурет өлшемдерін қажетсіз түрде азайту ұсынылмайды. Мысалы, суреттің нақты өлшемі 1000 1000 пиксель, ал сіз оған 100px ен бердіңіз.
Бұл жағдайда сурет экранда 100 пиксель түрінде көрінеді, бірақ бүкіл мыңдықтың өлшеміне ие болады және сәйкесінше әлдеқайда баяу жүктеледі.
Жұмыс мысалдарын мына жерден қараңыз:
img тегі.
