DHTML0064

DHTML0064



Rozdział 3.

Rozdział 3.

Wyrównywanie feksłu


Wyrównywanie tekstu (do prawej, do lewej, centrowanie)

Tradycyjnie tekst jest wyrównywany do lewego marginesu, bądź też jest w pełni wyrównany (co jest określane jako „styl gazetowy”, co oznacza, że tekst jest wyrównany jednocześnie do lewego i prawego marginesu). Co więcej, dla dodatkowego podkreślenia wagi, tekst może być wyśrodkowany lub nawet wyrównany do prawego marginesu. Kontrolę nad wyrównywaniem i justyftkacją tekstu ma właściwość text-align.

Aby określić wyrównanie tekstu

1.    BODY{

Podaj selektor i otwierający nawias klamrowy {. W tym przypadku będziemy wyrównywali cały tekst znajdujący się w treści dokumentu.

2.    text-align:

Podaj nazw'ę właściwości i dwukropek.

3.    right

Wybierz jeden z dostępnych stylów wyrównania:

•    left, aby wyrównać tekst do lewego marginesu;

•    right, aby wyrównać tekst do prawego marginesu;

•    center, aby wycsntrować tekst

w zajmowanym przez niego obszarze;

•    justify, aby wyjustować tekst, czyli jednocześnie wyrównać go do lewego i prawego marginesu.

4.    ;}

Zapisz średnik, wszelkie pozostałe potrzebne definicje, a potem zakończ regułę zamykającym nawiasem klamrowym }.

Listing 3.3. W tym przykładzie cały tekst w treści dokumentu będzie wyrównany do prawego marginesu, za wyjątkiem tekstu klasy cytat, który jest wyrównywany do lewego marginesu

<html>

<head>

<meta http-equiv="Content-Type"

-»cont.ent - "t.ext/html; charset=TSO-8859-2"> <title>Listing 3.3</title>

<style type="text/cssM>

BODY { text-aligm: right; )

.cytat { text-align: left; }

</style>

</head>

<boćy>

<p>Problemy malarskie rozpoczynają się już w momencie planowania... mówi: </p>

<p class="cytatu>"Panie! Chciałbym mieć różowy pokój11. </p>

<p>A sprzedawca na to:</p>

<p class="cytat">"A jaki różowy?". </p> <p>I tu pokazuje komputerową paletę, w której mamy do wyboru x odcieni różowego. Cóż pozostaje zrobić ... mówimy więc:</p> <p class="cytat">"Wie pan co, to ja przyjdę z £ONA!".</p>

</body>

</html>

Rysunek 3.3. Tekst wewnątrz znacznika <BODY> jest wyrównywany do prawego marginesu, chyba ze jest to tekst klasy cytat, który jest wyrównywany do lewego marginesu

S Rada

■ Pełna justyfikacja tekstu może spowodować dziwne wyniki, gdyż pomiędzy wyrazami będą musiały zostać dodane odstępy, aby każda linia miała taką samą długość. Ponadto toczy się poważna dyskusja - czy pełna justyfikacja poprawia czy pogarsza czytelność.


Wyszukiwarka

Podobne podstrony:
DHTML0049 Rozdział 2. Określanie czcionkiOkreślanie czcionki Czcionka użyta do wyświetlenia tekstu m
DHTML0022 Rozdział 1. Rozdział 1. Czym jest styl?Czym jest styl? Większość dostępnych procesorów tek
DHTML0036 Rozdział 1. Dodawanie CSS do dokumentu HTML-owego Głównym zastosowaniem CSS jest definiowa
DHTML0040 Rozdział 1. Rozdział 1. Dodawanie komentarzy do CSSDodawanie komentarzy do CSS Arkusze sty
DHTML0053 Rozdział 2. Wyświetlanie tekstu kursywąWyświetlanie tekstu kursywę Bardzo często mylone są
DHTML0068 Rozdział 3. Rozdział 3. Dekorowanie tekstuDekorowanie tekstu Dekorowanie tekstu pozwala na
DHTML0089 Rozdział 6.Pojęcie bloku elementu Określenie element jest używane do odwoływania się do ró
DHTML0119 Rozdział 7. Dodawanie elementówDodawanie elementów bezwzględnych do
txt AUGN=center umożliwia wyśrodkowanie tekstu ALIGN=right umożliwia wyrównanie tekstu do prawej str
R.3.5 Styl panelu lewego zdefiniowano na: szerokość 25%, wysokość 400 px, wyrównanie tekstu do prawe
Image147 [w tym rozdziale ograniczono się w zasadzie do omówienia układów generowania i wybranych za

więcej podobnych podstron