DHTML0065

Kontrola tekstu w CSS

Listing 3.4. Zapisywanie kwadratu jako indeksu górnego

<head>

Orneta http-e<juiv«ⁿflo!ntent-Type^w

-*content“^MtjBxt/html; ęharset=ISO-88!39-2^,,> <title>Listing 3.4</titie>

H2 { font-size: 75pt; }

.indeksgorny { vertical-align: super; -►font-size: 3Spt; }

</style>

</head>

body>

</body>

</html>

Tabela 3. I. Określanie pozycji elementu względem ego elementu rodzicielskiego

Wpisz	Aby element został wyrównany w taki sposób:
top	Wierzchołek na równi z wierzchołkiem najwyższego elementu w linii.
middle	Środek elementu na poziomie środka elementu rodzicielskiego.
DOttom	Spód elementu na poziomie spodu najniższego elementu w linii.
:ext-top	Wierzchołek na poziomie wierzchołka tekstu elementu rodzicielskiego.
•ext-bottom	Spód na poziomie spodu tekstu elementu rodzicielskiego.

Rysunek 3.4. E=MC^:

Wyrównywanie w pionie

Przy użyciu właściwości verticalJgn możesz

określić pozycję elementów wpisanych

w odniesieniu do reszły łeksłu. Oznacza to, że właściwość vertical-align może być używana jedynie z selektorami elementów wpisanych -czyli ze znacznikami, które nie umieszczają przed ani za sobą nowych wierszy - takich jak znacznik zakotwiczenia <A>, znacznik obrazka <IMG>, wytłuszczenie <B> czy też kursywa <l>. W chwili obecnej właściwość vertical-align jest dostępna jedynie w Internet ExpIorerze 4.0, który jednak rozpoznaje wyłącznie wartości sub i super. Inne wersje Internet Explorera oraz Navigator nie udostępniają tej właściwości.

Aby określić wyrównanie pionowe

1. H2{

Podaj selektor rozpoczynający regułę.

2. vertical-align:

Podaj nazwę właściwości oraz dwukropek.

3. super

Podaj wartość pionowego wyrównania

tekstu. Dostępne są następujące wartości:

• baseline, która powoduje umieszczenie tekstu na linii bazowej;

• sub, która umieszcza tekst poniżej linii bazowej (tworząc indeks dolny);

• super, która umieszcza tekst powyżej linii bazowej (tworząc indeks górny);

• wartość względna (patrz tabela 3.1), która określa wyrównanie elementu w zależności od wyrównania jego elementu rodzicielskiego. Na przykład, aby umieścić wierzchołek tekstu na poziomie wierzchołka elementu rodzicielskiego, użyj wartości text-top;

• wartość procentowa, która podnosi lub opuszcza linię bazową elementu proporcjonalnie do wielkości czcionki elementu rodzicielskiego; np. 25%.

4. ;}

Zapisz średnik, podaj pozostałe definicje

i zakończ regułę zamykającym nawiasem

klamrowym }.

Wyrównywanie w pionie

Wyszukiwarka

Podobne podstrony:
DHTML0067 Kontrola tekstu w CSS Listing 3.6. Użycie klasy nazwisku spowoduje. : • wyrazy będą się za
DHTML0059 Kontrola tekstu w CSS Wielu projektantów rozpoczynających działanie w sieci zaczynało od p
DHTML0061 Kontrola tekstu w CSS Określanie odstępów między wyrazamiPodobnie jak odstępy miiftoy lite
DHTML0069 Kontrola tekstu w CSS m 3 /< j*. K> cł.. 8ack -
DHTML0006 Spis treści Rozdział 3. Kontrola tekstu w CSS 61 Określanie kerningu (od
DHTML0135 Praktyczne zastosowanie CSS Listing 8.5. Zewnętrzny plik CSS o nazwie Listing-8-5.css, zaw
DHTML0137 Praktyczne zastosowanie CSS Listing 8.9. Określanie wyglądu trzech różnych stanów
DHTML0139 Praktyczne zastosowanie CSS Listing X. 10. W tym arkuszu stylów zdefiniowane zostały ident
DHTML0029 Podstawy CSS Listing l. 1. Nadanie nowego wyglądu znacznikowi ■ B> B { font: bold 16pt
DHTML0033 Podstawy CSS Podstawy CSS Listing 1.6. Wszystkim znacznikom nagłówków zostaje nadana ta sa
DHTML0035 Podstawy CSS Listing 1.9. Styl ve nagłówku określa, że linie u akapicie mają mieć wysokość
DHTML0041 Podstawy CSS Listing 1.11. W tym przykładzie stworzono selektor klasy niezależnej oraz sel
DHTML0114 Umiejscawianie w CSS . Listing 7.1 etscape 5te £drt iew £o gamrrwfcatDr W języku HTML defi
DHTML0120 Umiejscawianie w CSS Umiejscawianie w CSS Listing 7.4 Netscape EOe fcrfit y.ew Qo ęommuftC
DHTML0122 Umiejscawianie w CSS Listing 7.6. Pierwszy akapity został umiejscowiony względnie i ustawi
DHTML0128 Umiejscawianie w CSS Listing 7.9. W tym przykładzie definiujemy cztery identyfikatory. ele
rehabilitacja010 Zaburzenie kontroli miednicy w pozycji siedzącej i podczas siadania jako przejaw hi

więcej podobnych podstron