Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]

text-align

OPIS

Styl definiuje wyrównanie poziome tekstu.

WARTOŚCI

• left - CSS: 2.1, 2.0, 1.0

wyrównanie do lewej strony, wartość domyślna

• center - CSS: 2.1, 2.0, 1.0

wycentrowanie w poziomie

• right - CSS: 2.1, 2.0, 1.0

wyrównanie do prawej strony

• justify - CSS: 2.1, 2.0, 1.0

wyrównanie do prawej i do lewej strony

• string - CSS: 2.0

wyrównanie względem znaku w kolumnach tabeli

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. text-align: inherit;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0, 1.0
• dziedziczony: tak
• odpowiedniki HTML: center, align

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

<p style="text-align: right;">
tekst wyrównany do prawej strony.
</p>

tekst wyrównany do prawej strony.

• Przykład 2:

<p style="text-align: center;">
tekst wypośrodkowany
</p>

tekst wypośrodkowany

• Przykład 3:

<p style="text-align: justify;">
Tekst wyjustowany lub jak ktoś woli - wyrównany do lewej i do prawej
strony. Potrzeba jednak nieco więcej tekstu aby pokazać jak wygląda 
efekt końcowy. Po lewej i po prawej stronie tekst ładnie "przylega" 
do krawędzi i nie jest poszarpany z prawej strony.
</p>

Tekst wyjustowany lub jak ktoś woli - wyrównany do lewej i do prawej strony. Potrzeba jednak nieco więcej tekstu aby pokazać jak wygląda efekt końcowy. Po lewej i po prawej stronie tekst ładnie "przylega" do krawędzi i nie jest poszarpany z prawej strony.

• Przykład 4:

<style type="text/css"><!--
p { text-align: justify; }
.centralnie { text-align: center; }
--></style>