Атрибут width
width атрибуту
img теги
менен белгиленген сүрөттүн туурасын көрсөтөт.
Азыркы учурда бул атрибутту
сүрөттөр,
iframe,
video
жана башка кээ бир тегдер үчүн гана колдонууга болот.
Маанилерди пиксел же пайыз менен көрсөтүүгө уруксат берилет. Өлчөмү пайыз менен көрсөтүлгөн учурда, ал ата-эне элементинен туурасынан алынат. Пиксел менен көрсөтүлгөн учурда, өлчөө бирдиктери көрсөтүлбөйт.
Эгерде сүрөткө туурасы да, бийиктиги да белгиленбесе, сүрөт өзүнүн чыныгы өлчөмүндө көрүнөт. Эгерде бийиктиги гана белгиленсе, сүрөт белгиленген бийиктикке чейин кыскарып, туурасы пропорциялар бузулбошу үчүн өзгөрөт. Эгерде туурасы гана белгиленсе, окшош нерсе болот, сүрөт пропорцияларды сактоо үчүн бийиктигин өзгөртөт. Эгерде туурасы да, бийиктиги да белгиленсе, сүрөттүн пропорциялары бузулушу мүмкүн (же бузулбашы дагы мүмкүн, кантип болорун билүү кыйын). Эгерде туурасы же бийиктиги (же экөө тең) чыныгысынан чоң болсо, сүрөт чоңойот, бирок сапаты төмөндөйт.
Сүрөттөрдүн туурасын жана бийиктигин атрибуттарда белгилеңиз - бул учурда браузер сүрөттөрдү тезирээк жүктөйт, анткени анын ар бир сүрөттүн өлчөмүн алуудан кийин эсептөөгө туура келбейт.
Зарыл эмес учурда сүрөттүн чыныгы өлчөмдөрүн кыскартууга кеңеш берилбейт.
Мисалы, сүрөттүн чыныгы өлчөмү 1000 x 1000 пиксел, ал эми сиз анын туурасын 100px кылып белгилесеңиз.
Бул учурда сүрөт экранда 100 пикселдей көрүнөт, бирок бүтүндөй миңге ээ болуп, ошондуктан ал өтө жай жүктөлөт.
Иштөө мисалдарын мына жерден караңыз:
img теги.
