Атрыбут width
Атрыбут width задае шырыню карцінкі,
якая зададзена тэгам
img.
У цяперашні час дадзены атрыбут дапушчальна
выкарыстоўваць толькі для ,
iframe,
video
і некаторых іншых тэгаў.
Дазваляецца паказваць значэнні ў пікселях або працэнтах. У выпадку задання памеру ў працэнтах яны будуць узяты ад шырыні бацькоўскага элемента. У выпадку задання памеру ў пікселях адзінкі вымярэння не паказваюцца.
Калі для карцінкі не зададзена ні шырыня, ні вышыня - карцінка будзе мець свой рэальны памер. Калі зададзена вышыня - карцінка стане зададзенай вышыні, а па шырыні падстроіцца так, каб яе прапорцыі не былі скажоныя. Калі зададзена толькі шырыня - аналагічна, карцінка падстроіцца па вышыні так, каб захаваць прапорцыі. Калі зададзена і шырыня, і вышыня - прапорцыі карцінкі могуць быць скажоны (а можа і не, як адгадаеце). Калі шырыня або вышыня (ці абодва разам) больш за рэальныя - карцінка павялічыцца, але страціць ў якасці.
Рэкамендуецца задаваць шырыню і вышыню карцінкам у атрыбутах - у гэтым выпадку браўзэр хутчэй будзе загружаць выявы - яму няма неабходнасці вылічваць памер кожнай карцінкі пасля яе атрымання.
Не рэкамендуецца памяншаць рэальныя
памеры карцінкі без патрэбы. Напрыклад,
рэальны памер карцінкі 1000 на 1000
пікселяў, а вы ёй задасце шырыню ў 100px.
У гэтым выпадку карцінка на экране будзе выглядаць
на 100 пікселяў, аднак мець памер
на ўсю тысячу і, адпаведна, загружацца
нашмат даўжэй.
Прыклады работы глядзіце тут:
тэг img.
