W CSS rozmiar elementu na stronie (wymiary) opisuje się przede wszystkim dwiema właściwościami: width (szerokość) oraz height (wysokość). Jeżeli pytanie dotyczy wysokości obrazka wyświetlonego na stronie WWW, właściwą odpowiedzią jest height, ponieważ to ta właściwość określa wymiar w osi pionowej.
Dlaczego pozostałe odpowiedzi są niepoprawne?
- margin – odpowiada za margines, czyli odstęp na zewnątrz elementu (przestrzeń między elementem a innymi elementami). Zmiana margin może wpływać na układ strony, ale nie ustawia wysokości samej grafiki.
- padding – to wypełnienie wewnątrz elementu (odstęp między zawartością a obramowaniem). Padding zwiększa przestrzeń wewnętrzną, ale również nie jest właściwością definiującą wysokość obrazka jako takiego.
- width – ustawia szerokość (oś pozioma). Jest to druga podstawowa właściwość rozmiaru, jednak nie dotyczy wysokości, więc w tym pytaniu jest dystraktorem.
W praktyce, ustawiając wysokość obrazka, często używa się jednostek takich jak px, %, vh, a także warto pamiętać o zachowaniu proporcji (np. ustawienie tylko height może zmienić proporcje, jeśli width nie jest dopasowane automatycznie). Na egzaminie kluczowe jest jednak rozróżnienie: height/width to wymiary, a margin/padding to odstępy w modelu pudełkowym.
