ZALOGUJ SIĘ
login:
hasło:
przypomnij hasło
załóż konto użytkownika
(i zobacz kilka porad gratis)
   
WYSZUKIWARKA I DZIAŁY
całe porady  tytuły
zaznacz działy do przeszukania
(brak wyboru = wszystkie działy)
PHP
MySQL >
PostgreSQL
SQLite
Perl
Java
XML
XSLT
XPath
SVG
RegExp
Wyszukiwarki
Ochrona
VBScript
XHTML/CSS
JavaScript
Grafika
Flash
Photoshop
Windows
Linux
Bash
Apache
Procmail
E-biznes
Explorer
Firefox
Inne porady
   
KURSY, DOKUMENTACJE
Własne:
XHTML/CSS
JavaScript
ActionScript
WML, RSS, SSI
Pozostałe:
PHP
MySQL
Java API
więcej...
   

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]
[0] [A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]

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>
 
  © 1996-2024 o serwisieabonamentwarunki korzystaniaCookieskontaktBlog Mapa-Nieruchomosci-Warszawa.pl