W pytaniu należy rozpoznać, która deklaracja CSS odpowiada za szerokość przeznaczoną na treść. W standardowym modelu pudełkowym CSS (domyślne zachowanie, gdy nie ustawiono inaczej np. przez box-sizing) właściwość width opisuje szerokość content area, czyli obszaru zawartości elementu.
W przedstawionej regule dla selektora body znajdują się trzy deklaracje:
- width: 560px – bezpośrednio definiuje szerokość obszaru treści. To jest szukana wartość.
- height: 600px – dotyczy wymiaru pionowego (wysokości), więc nie odpowiada na pytanie o szerokość.
- border: 2px – odnosi się do obramowania. Grubość obramowania może wpływać na całkowity rozmiar elementu, ale sama w sobie nie jest "szerokością na treść".
Dlatego odpowiedź "560 px" jest poprawna, bo wprost wynika z deklaracji width.
Pozostałe odpowiedzi są typowymi dystraktorami:
- "2 px" kusi, bo też wygląda jak "szerokość", ale dotyczy obramowania (border).
- "600 px" to wysokość (height) – błąd wynika z nieuwagi lub mylenia osi poziomej i pionowej.
- "640 px" nie występuje w kodzie; często wynika z błędnego dodawania wartości lub zgadywania bez odczytu właściwości.
W praktyce warto pamiętać o różnicy między szerokością treści a szerokością całkowitą elementu. W modelu standardowym całkowita szerokość elementu może obejmować jeszcze padding i border, natomiast width dotyczy samej treści.
