Wstęp do CSS - część ósma

Podstawowe własności - tekst

Same zmiany wyglądu czcionki niestety nie wystarczają. Konieczne są również operacje na tekście: na całych akapitach, czy na poszczególnych słowach takie jak justowanie, tworzenie wcięć czy rozszrzelenie liter.

Wyrównywanie tekstu

Każdy edytor tekstu, posiadający możliwość formatowania potrafi wyrównać tekst do prawej lub lewej strony, umieścić go na środku czy równomiernie rozłożyć (wyjustować). CSS również pozwala na taką operację. Służy do tego własność text-align. Może ona przyjmować następujące wartości:

right
wyrównanie tekstu do prawej strony
left
wyrównanie tekstu do lewej strony (przeglądarki bazujące na alfabecie łacińskim robią to domyślnie)
center
ustawia tekst w środku, czyli w jednakowej odległości od prawego jak i lewego marginesu
justify
justuje tekst, czyli równomiernie rozkłada tekst w liniach, tak aby na końcach wierszy nie zostawała pusta przestrzeń
inherit
dziedziczy ustawienia po obiekcie rodzicu

Proszę zauważyć, że ustawienie własności text-align, jak sama nazwa wskazuje, będzie dotyczyło tylko elementów inline, a nie elementów blokowych. Czyli ustawienie dla elementu własności text-align: center, w przeciwieństwie do wycofanego z języka HTML znacznika <center> nie wyrówna zawartych tam na przykład tabel.

Wcięcia, czyli popularne akapity

W szkole, każdego z nas uczono, aby pisząc pracę stosował wcięcia rozpoczynając akapity. CSS również umożliwia zrobienie wcięcia. Służy do tego własność text-indent. Własność ta przyjmuje wartości liczbowe (z jednostkami) oraz procentowe. Nie oddziałowuje na elementy blokowe zawarte w elemencie z tym stylem. Własność ta dotyczy paragrafów, tabel oraz innych elementów blokowych.

p {
	text-indent: 4ex;
}

Dekoracja

W CSS można tekst udekorować podkreśleniem, kreską ponad tekstem (nadkreśleniem) lub przekreśleniem. Służy do tego własność text-decoration z własnościami odpowiednio underline, overline i line-through. Dodatkową możliwe jest wymuszenie migania tekstu przez ustawienie wartości blink.

Odległości pomiędzy literami i całymi wyrazami

CSS umożliwia zdefiniowanie odległości pomiędzy literami oraz pomiędzy wyrazami. Jest to bardzo przydatne, gdy chcemy rozstrzelić jakiś tekst (na przykład nagłówek reklamowy, co jest dość często spotykane). Odległość pomiędzy literami określa właściwość letter-spacing, a odległość pomiędzy wyrazami właściwość word-spacing. Te dwie własności mogą przyjmować wartości: normal, czyli odległość normalna, inherit, czyli odległość odziedziczona po rodzicu oraz wartości liczbowe ściśle określające odległości.