ატრიბუტი height
ატრიბუტი height აზუსტებს სურათის სიმაღლეს,
რომელიც მოცემულია ტეგით
img.
ამჟამად ამ ატრიბუტის გამოყენება დაშვებულია
მხოლოდ სურათების,
iframe-ის,
video-ის
და ზოგიერთი სხვა ტეგისთვის.
დაშვებულია მნიშვნელობების მითითება პიქსელებში ან პროცენტებში. ზომის პროცენტებით მითითების შემთხვევაში, ის გამოითვლება მშობელი ელემენტის სიგანიდან. ზომის პიქსელებში მითითების შემთხვევაში, გაზომვის ერთეულები არ იწერება.
თუ სურათისთვის არ არის მითითებული არც სიგანე, არც სიმაღლე - სურათს ექნება თავისი რეალური ზომა. თუ მითითებულია სიმაღლე - სურათი მიიღებს მითითებულ სიმაღლეს, ხოლო სიგანე შეიცვლება ისე, რომ მისი პროპორციები არ იყოს დამახინჯებული. თუ მითითებულია მხოლოდ სიგანე - ანალოგიურად, სურათის სიმაღლე შეიცვლება ისე, რომ პროპორციები შენარჩუნდეს. თუ მითითებულია როგორც სიგანე, ასევე სიმაღლე - სურათის პროპორციები შეიძლება დამახინჯდეს (ან შეიძლება არა, როგორც გამოიცნობთ). თუ სიგანე ან სიმაღლე (ან ორივე ერთად) მეტია რეალურზე - სურათი გაიზრდება, მაგრამ დაკარგავს ხარისხს.
რეკომენდებულია სურათების სიგანის და სიმაღლის მითითება ატრიბუტებში - ამ შემთხვევაში ბრაუზერი უფრო სწრაფად ჩატვირთავს გამოსახულებებს - მას არ მოუწევს თითოეული სურათის ზომის გამოთვლა მისი მიღების შემდეგ.
არ არის რეკომენდებული რეალური ზომების
შემცირება აუცილებლობის გარეშე. მაგალითად, რეალური
ზომა სურათისა 1000 ზე 1000
პიქსელი, და თქვენ მიუთითებთ მას სიგანეს 100px-ში.
ამ შემთხვევაში სურათი ეკრანზე გამოიყურება
100 პიქსელის ზომის, მაგრამ ჰქონდეს ზომა
მთელი ათასის და, შესაბამისად, ჩატვირთვა
გაცილებით მეტი დრო დასჭირდება.
მაგალითები მუშაობისა იხილეთ აქ:
ტეგი img.
