W kodzie CSS zdefiniowano cztery klasy formatowania, których następnie użyto do formatowania paragrafów. Efekt widoczny na rysunku powstał po zastosowaniu klasy o nazwie
A. format3
B. format1
C. format4
D. format2
Pytanie z egzaminu CKE, styczeń 2020 (arkusz EE.09-SG-20.01).
Poprawna odpowiedź to format2. W pokazanym kodzie klasa .format2 ma przypisaną deklarację text-decoration: line-through;, czyli przekreślenie tekstu poziomą linią przechodzącą przez środek znaków. Taki efekt jest widoczny na rysunku przy wyrazie formatowanie, dlatego właśnie ta klasa została użyta do sformatowania paragrafu. Reguła do zapamiętania: właściwość CSS text-decoration steruje ozdobnikami tekstu, a wartość line-through oznacza przekreślenie. Dla porównania overline tworzy linię nad tekstem, underline pod tekstem, a none usuwa ozdobniki. W praktyce line-through bywa stosowane np. do oznaczania nieaktualnych cen, skreślonych zadań lub treści, które mają być widoczne, ale uznane za nieobowiązujące.
Efekt na rysunku należy rozpoznać po położeniu linii względem liter. Właściwa klasa to format2, ponieważ zawiera deklarację text-decoration: line-through;, która rysuje linię przez środek tekstu. format1 odpowiada za text-decoration: overline;, więc byłby trafny, gdyby linia znajdowała się nad wyrazem, a nie przechodziła przez jego środek. format3 stosuje text-decoration: underline;, czyli podkreślenie - linia pojawiłaby się pod tekstem, podobnie jak w typowych odnośnikach. format4 ma text-decoration: none;, dlatego usuwa dekorację tekstu i nie dałby widocznej kreski. Typowy błąd polega na kojarzeniu wszystkich dekoracji tekstu wyłącznie z podkreśleniem albo na pominięciu znaczenia angielskich wartości CSS. Przy analizie takich zadań najlepiej porównać efekt graficzny z konkretną wartością właściwości: overline - nad tekstem, line-through - przez tekst, underline - pod tekstem, none - brak dekoracji.