KWALIFIKACJA INF3 - STYCZEŃ 2019

PYTANIE NR 11.
Przedstawiona linia kreskowa w stylu obramowania CSS jest określona własnością
Ilustracja przedstawia linię przerywaną, która jest przykładem stylu obramowania CSS określonego jako 'dashed'.
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Dashed to wartość stylu obramowania w CSS oznaczająca linię kreskowaną (przerywaną). Pozostałe opcje opisują inne typy: solid jest ciągła, double podwójna, a kropkowana to dotted.

Pełne wyjaśnienie:

W CSS wygląd linii obramowania (ramki elementu) określa się m.in. przez wybór stylu tej linii. Właśnie do tego służy wartość dashed: oznacza obramowanie narysowane jako linia kreskowana, czyli przerywana odcinkami (kreskami) z przerwami między nimi.

Dlaczego pozostałe odpowiedzi nie pasują do opisu "linia kreskowa"?

  • double – to obramowanie podwójne, złożone z dwóch równoległych linii. Nie jest to linia kreskowana, tylko dwa ciągłe pasy oddzielone przerwą.
  • solid – oznacza linię ciągłą (jednolity, nieprzerwany obrys). To przeciwieństwo kreskowania.
  • doted – w CSS typowa wartość dla linii kropkowanej to dotted (z podwójnym "t"). Kropkowana linia nie jest linią kreskowaną, a dodatkowo ta forma zapisu jest niepoprawna jako standardowa wartość.

W praktyce na egzaminie warto kojarzyć wygląd z nazwą: solid (ciągła), dashed (kreskowana), dotted (kropkowana), double (podwójna). Najczęstsza pomyłka to zamiana dashed z dotted, dlatego dobrze jest zapamiętać, że "dash" to kreska/odcinek, a "dot" to kropka.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
dashed oznacza obramowanie rysowane linią przerywaną (kreskowaną). Stosuje się je jako wartość stylu obramowania, aby ramka elementu składała się z krótkich odcinków rozdzielonych przerwami, a nie z linii ciągłej.
Najczęściej spotkasz wartości: solid (linia ciągła), dashed (kreskowana), dotted (kropkowana) oraz double (podwójna). Dobór zależy od projektu UI i tego, czy obramowanie ma być subtelne czy mocno akcentowane.
dashed tworzy obramowanie z krótkich kresek (odcinków), a dotted tworzy obramowanie z kropek. Na ilustracjach oba style bywają mylone, więc zwracaj uwagę, czy elementy linii są "odcinkami" czy "punktami".
double oznacza dwa równoległe, zwykle ciągłe kontury obramowania. Efekt to "podwójna ramka", a nie linia przerywana. Nawet jeśli między liniami jest przerwa, nie składa się ona z kresek, tylko z dwóch pełnych pasów.
W praktyce solid jest najczęściej używany i bywa traktowany jako "typowy" wygląd ramki, ale domyślne zachowanie zależy od tego, czy w ogóle ustawisz obramowanie. Jeśli nie podasz stylu i szerokości, przeglądarka może nie narysować ramki.
Obramowanie dashed składa się z powtarzających się odcinków (kreski) i przerw. Jeśli widzisz wyraźne "kreski" zamiast punktów, to zwykle jest dashed. Gdy elementy wyglądają jak kropki, to bardziej pasuje dotted.
Prosty trik: dash kojarz z "myślnikiem"/kreską (—), a dot z kropką (.). Wtedy dashed = kreskowana, a dotted = kropkowana. To pomaga, gdy widzisz tylko rysunek obramowania.
Tak. Jeśli wpiszesz niepoprawną wartość (np. literówkę), przeglądarka zwykle zignoruje tę część deklaracji i zastosuje reguły domyślne lub inne poprawne ustawienia. Na egzaminie zwracaj uwagę na pisownię wartości, bo jedna litera zmienia poprawność.
Poza stylem liczą się też szerokość i kolor obramowania. Nawet poprawny styl (np. dashed) może być słabo widoczny, jeśli obramowanie jest bardzo cienkie lub ma kolor zbliżony do tła. W praktyce dobiera się je łącznie.
Kreskowane obramowanie (dashed) często oznacza element "tymczasowy" albo miejsce docelowe, np. obszar przeciągnij-i-upuść, zaznaczenie strefy, ramkę podglądu lub element wymagający uwagi, ale bez tak silnego akcentu jak gruba linia ciągła.
info

Statystycznie 77% uczniów zna prawidłową odpowiedź. średnio łatwe

W praktyce zawodowej kluczowe jest to, że dashed to wartość stylu obramowania w CSS oznaczająca linię kreskowaną (przerywaną).

Źródła:

  • MDN Web Docs: "border-style" (CSS) – opis wartości dashed/solid/double/dotted, https://developer.mozilla.org/en-US/docs/Web/CSS/border-style - dostęp 2026-02-18
  • W3C: "CSS Backgrounds and Borders Module Level 3" – definicje border-style i wartości stylów obramowania, https://www.w3.org/TR/css-backgrounds-3/ - dostęp 2026-02-18
  • MDN Web Docs: "border" (CSS shorthand) – powiązanie border z border-style, https://developer.mozilla.org/en-US/docs/Web/CSS/border - dostęp 2026-02-18

Materiały:

  • Dokumentacja MDN dotycząca border-style (opis wartości i przykłady)
  • Specyfikacja W3C CSS Backgrounds and Borders (definicje stylów obramowania)
  • Ćwiczenia praktyczne: tworzenie klas CSS z różnymi stylami obramowania i porównanie efektu w przeglądarce

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego