KWALIFIKACJA INF3 - STYCZEŃ 2019

PYTANIE NR 8.
Który styl CSS pozwoli zdefiniować wyrównanie tekstu do prawej strony?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Wyrównanie tekstu realizuje właściwość CSS text-align.
Wartość right ustawia treść po prawej stronie w poziomie, np. w stylu inline: text-align: right. Pozostałe propozycje używają niepoprawnych nazw właściwości lub literówek, więc nie zadziałają zgodnie z celem.

Pełne wyjaśnienie:

Wyrównanie tekstu w poziomie (do lewej, do prawej, do środka, justowanie) ustawia się w CSS właściwością text-align. Gdy chcesz, aby tekst w elemencie (np. akapicie) był wyrównany do prawej krawędzi obszaru, stosujesz wartość right, czyli zapis text-align: right. Dlatego poprawny jest przykład ze stylem inline w postaci style="text-align: right".

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

  • Odpowiedź z align: right jest błędna, bo w CSS nie ma standardowej właściwości align do wyrównania tekstu. Wyrównanie tekstu jest realizowane przez text-align, a nie przez skróconą nazwę.
  • Odpowiedź z positon: right zawiera literówkę w nazwie właściwości (powinno być position), a nawet poprawne position nie służy do wyrównania tekstu. position dotyczy sposobu pozycjonowania elementu (np. relative/absolute), a nie wyrównania jego treści tekstowej.
  • Odpowiedź z font: right jest błędna, ponieważ font to właściwość skrócona do ustawiania parametrów kroju pisma (np. rozmiaru, rodziny, stylu). Wartość right nie jest prawidłową wartością dla tej właściwości w kontekście wyrównania tekstu.

Wskazówka egzaminacyjna: jeśli pytanie dotyczy wyrównania tekstu, szukaj w odpowiedziach właściwości zawierającej słowo text (np. text-align), a nie właściwości związanych z pozycjonowaniem lub fontami. To pomaga szybko odsiać odpowiedzi o podobnym "wyglądzie", ale błędnej funkcji.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
text-align to właściwość CSS służąca do ustawiania poziomego wyrównania treści tekstowej wewnątrz elementu (np. do lewej, do prawej, do środka, justowanie). Działa na zawartość inline w danym bloku, a nie na położenie całego elementu na stronie.
Ustaw text-align: right dla elementu, np. <p style="text-align: right">Tekst</p> albo w arkuszu stylów: p { text-align: right; }. Wyrównanie dotyczy treści wewnątrz elementu.
W standardowym CSS nie istnieje właściwość align do wyrównywania tekstu, więc przeglądarka ją ignoruje. Poprawną właściwością jest text-align. Częsty błąd wynika z intuicyjnego skracania nazw lub mylenia z atrybutami/pojęciami z innych technologii.
text-align wyrównuje głównie treść inline (tekst, linki, elementy inline) wewnątrz kontenera. Nie służy do przesuwania całego elementu blokowego. Do układu elementów blokowych częściej używa się flexboxa, gridu, marginesów lub wyrównania w kontenerze.
Aby wyśrodkować tekst, użyj text-align: center, np. <div style="text-align: center">Nagłówek</div>. To centrowanie działa w poziomie na zawartość tekstową i elementy inline znajdujące się wewnątrz kontenera.
Styl inline (np. style="text-align: right") stosuje się do szybkich, pojedynczych modyfikacji lub prototypowania. W projektach produkcyjnych częściej przenosi się reguły do pliku CSS, aby ułatwić utrzymanie, ponowne użycie stylów i zachować porządek w kodzie.
Najczęściej spotkasz: left, right, center oraz justify. W zadaniach egzaminacyjnych zwykle sprawdza się rozpoznanie właściwej nazwy (text-align) i dobranie właściwej wartości do opisu (np. "wyrównanie do prawej").
position nie przyjmuje wartości right w taki sposób, by wyrównać tekst. To właściwość opisująca tryb pozycjonowania elementu (np. absolute/relative), a przesunięcia realizuje się osobnymi właściwościami jak right, left, top, bottom — i dotyczy to położenia elementu, nie wyrównania treści.
Jeśli w nazwie właściwości jest literówka (np. positon zamiast position), przeglądarka zwykle ignoruje całą deklarację. Dlatego w testach ważne jest dokładne czytanie nazw. Jedna brakująca litera może sprawić, że reguła nie zadziała wcale.
Najpierw sprawdź, czy nazwa właściwości jest prawdziwą właściwością CSS (np. text-align). Potem oceń, czy wartość pasuje do tej właściwości (np. right). Na końcu wychwytuj literówki i podejrzane skróty. To minimalizuje wybór "na oko".
info

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

Specjaliści zwracają uwagę: "Wyrównanie tekstu realizuje właściwość CSS text-align.Wartość right ustawia treść po prawej stronie w poziomie, np. w stylu inline: text-align: right."

Źródła:

  • MDN Web Docs: "text-align" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/text-align (dostęp: 2026-03-02)
  • MDN Web Docs: "position" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/position (dostęp: 2026-03-02)
  • MDN Web Docs: "font" (CSS shorthand) — https://developer.mozilla.org/en-US/docs/Web/CSS/font (dostęp: 2026-03-02)

Materiały:

  • Dokumentacja MDN Web Docs dotycząca właściwości text-align
  • Specyfikacja CSS Text Module (opis wyrównania tekstu)
  • Ćwiczenia praktyczne: tworzenie prostych stron i modyfikacja wyrównania tekstu w CSS

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego