Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - STYCZEŃ 2017



PYTANIE NR 7.
W języku CSS wcięcie pierwszej linii akapitu na 30 pikseli uzyska się za pomocą zapisu
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Wcięcie pierwszej linii akapitu w CSS ustawia właściwość text-indent. Zapis p {text-indent: 30px;} nadaje pierwszej linii elementu <p> wcięcie o długości 30 pikseli. Pozostałe propozycje używają właściwości nieistniejących lub dotyczą innych aspektów typografii.

Pełne wyjaśnienie:

W CSS za wcięcie pierwszej linii bloku tekstu (np. akapitu) odpowiada właściwość text-indent. Jest to klasyczne ustawienie typograficzne, stosowane m.in. w dłuższych tekstach (artykuły, regulaminy, opisy) do wyraźnego zaznaczenia początku akapitu.

Dlatego zapis p {text-indent: 30px;} jest poprawny: selektor p wskazuje akapity, a deklaracja nadaje im wcięcie pierwszej linii o wartości 30px. Jednostka px jest poprawną jednostką długości w CSS i w tym kontekście oznacza stałe wcięcie liczone w pikselach.

Dlaczego pozostałe odpowiedzi są błędne?

  • text-spacing nie jest standardową właściwością CSS służącą do ustawiania wcięcia pierwszej linii. Może wyglądać wiarygodnie, ale w typowym CSS nie spełni opisanego celu.
  • line-height dotyczy wysokości linii (interlinii), czyli odstępu w pionie między liniami tekstu. Zmienia czytelność i zagęszczenie tekstu, ale nie tworzy wcięcia na początku pierwszej linii.
  • line-indent również nie jest standardową właściwością CSS do wcięcia pierwszej linii; nazwa może sugerować poprawność, ale nie odpowiada właściwościom stosowanym w przeglądarkach.

Wskazówka egzaminacyjna: gdy pytanie mówi o "wcięciu pierwszej linii", kojarz je bezpośrednio z nazwą text-indent. Gdy natomiast mowa o odstępach między liniami, wtedy właściwością będzie line-height (inna funkcja, inny efekt).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest text-indent w CSS?
text-indent to właściwość CSS, która ustawia wcięcie pierwszej linii tekstu w elemencie blokowym (np. akapicie). Najczęściej stosuje się ją do formatowania akapitów w dłuższych treściach, aby wizualnie zaznaczyć ich początek.
Jak zrobić wcięcie pierwszej linii akapitu o 30px?
Użyj właściwości text-indent dla selektora akapitu, np. p { text-indent: 30px; }. Wartość 30px oznacza przesunięcie początku pierwszej linii w prawo o 30 pikseli.
Dlaczego line-height nie robi wcięcia akapitu?
line-height zmienia odstęp pionowy między liniami tekstu (interlinię). Nie wpływa na przesunięcie tekstu w poziomie na początku wiersza, więc nie utworzy wcięcia pierwszej linii. Do wcięć służy text-indent.
Czy text-indent działa tylko na pierwszy wiersz tekstu?
Tak, standardowo text-indent dotyczy pierwszej sformatowanej linii w danym elemencie. Kolejne linie pozostają bez wcięcia (chyba że zastosujesz inne techniki, np. odpowiednie padding/marginesy lub formatowanie list).
Jakie jednostki można podać w text-indent?
Możesz używać typowych jednostek długości, np. px, em, rem, a także wartości procentowych. W praktyce na egzaminach często spotyka się px (stała wartość) oraz em/rem (skalowanie względem wielkości fontu).
Czy można ustawić ujemne text-indent w CSS?
Tak, text-indent może przyjmować wartości ujemne, co przesuwa pierwszą linię w lewo. Stosuje się to np. w technikach formatowania (hanging indent), gdzie pierwsza linia jest "wysunięta", a kolejne są wcięte inną metodą.
Jaka jest różnica między margin-left a text-indent?
margin-left przesuwa cały element (lub jego pozycję względem otoczenia), a text-indent przesuwa tylko pierwszą linię tekstu wewnątrz elementu. Do typograficznego wcięcia akapitu właściwsze jest zwykle text-indent.
Czy text-indent działa na elementach inline?
Wcięcie pierwszej linii jest typowo kojarzone z elementami blokowymi (np. akapit). Elementy inline nie tworzą własnego "bloku akapitu", więc efekt może nie wystąpić zgodnie z oczekiwaniem. Najpewniej stosuj text-indent na elementach blokowych.
Jakie błędy najczęściej robi się przy wcięciach w CSS?
Częste pomyłki to: używanie nieistniejących właściwości (np. "text-spacing"), mylenie wcięcia z interlinią (line-height) oraz próba uzyskania wcięcia pierwszej linii przez przesuwanie całego akapitu marginesem. Warto zapamiętać: wcięcie pierwszej linii = text-indent.
Jak rozpoznać na egzaminie poprawną właściwość do wcięcia akapitu?
Szukaj w odpowiedziach dokładnej nazwy text-indent oraz poprawnej składni deklaracji CSS: selektor { właściwość: wartość; }. Jeśli w odpowiedzi pojawiają się "zbyt intuicyjne" nazwy typu "line-indent", potraktuj je podejrzliwie i porównaj ze znanymi właściwościami.
info

Około 72% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Według specjalistów z branży: "Wcięcie pierwszej linii akapitu w CSS ustawia właściwość text-indent."

Źródła:

  • MDN Web Docs: "text-indent" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent (dostęp: 2026-03-01)
  • W3C / CSS Working Group Editor’s Draft: CSS Text Module Level 3 (sekcje dot. indentacji) — https://drafts.csswg.org/css-text-3/ (dostęp: 2026-03-01)
  • W3Schools: CSS text-indent Property — https://www.w3schools.com/cssref/pr_text_text-indent.php (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN Web Docs: właściwość text-indent
  • Specyfikacja CSS Text Module (sekcje dotyczące wcięć)
  • Ćwiczenia praktyczne: tworzenie arkusza stylów dla typografii (nagłówki, akapity, listy)
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego