width ատրիբուտը
width ատրիբուտը սահմանում է նկարի լայնությունը,
որը սահմանված է img
տեգով:
Ներկայումս այս ատրիբուտը թույլատրվում է
օգտագործել միայն նկարների,
iframe,
video
և մի քանի այլ տեգերի համար:
Թույլատրվում է նշել արժեքները պիքսելներով կամ տոկոսներով: Չափը տոկոսներով սահմանելու դեպքում այն կվերցվի ծնողի լայնությունից: Չափը պիքսելներով սահմանելու դեպքում չափման միավորներ չեն նշվում:
Եթե նկարի համար չեն սահմանվել ոչ լայնություն, ոչ էլ բարձրություն - նկարը կունենա իր իրական չափը: Եթե սահմանված է բարձրություն - նկարը կստանա սահմանված բարձրությունը, իսկ լայնությամբ կհարմարվի այնպես, որ դրա համամասնությունները չխեղաթյուրվեն: Եթե սահմանված է միայն լայնություն - նմանապես, նկարը կհարմարվի բարձրությամբ այնպես, որ պահպանի համամասնությունները: Եթե սահմանված են և լայնությունը, և բարձրությունը - նկարի համամասնությունները կարող են խեղաթյուրվել (կամ էլ ոչ, ինչպես կկռահեք): Եթե լայնությունը կամ բարձրությունը (կամ երկուսն էլ միասին) ավելի մեծ են իրականից - նկարը կմեծանա, բայց կկորցնի որակը:
Խորհուրդ է տրվում սահմանել լայնություն և բարձրություն նկարների համար ատրիբուտներում - այս դեպքում դիտարկիչը ավելի արագ կբեռնի պատկերները - իրեն կարիք չունի հաշվարկելու յուրաքանչյուր նկարի չափը դրա ստացումից հետո:
Խորհուրդ չի տրվում փոքրացնել նկարի իրական
չափերը առանց անհրաժեշտության: Օրինակ,
նկարի իրական չափը 1000 x 1000
պիքսել է, իսկ դուք նրան սահմանել եք լայնություն 100px:
Այս դեպքում էկրանին նկարը կերևա
100 պիքսել լայնությամբ, սակայն կունենա չափս
ամբողջ հազարի վրա և, համապատասխանաբար, կբեռնվի
շատ ավելի դանդաղ:
Աշխատանքի օրինակներ տեսնելու համար այցելեք.
img տեգ: