Kontrola tekstu w CSS
Listing 3.4. Zapisywanie kwadratu jako indeksu górnego
<head>
Orneta http-e<juiv«nflo!ntent-Typew
-*content“MtjBxt/html; ęharset=ISO-88!39-2,,> <title>Listing 3.4</titie>
<style type "text/cs5">
H2 { font-size: 75pt; }
.indeksgorny { vertical-align: super; -►font-size: 3Spt; }
</style>
</head>
body>
<h2>e » mc<span class="indeksgorny">2 </spanx/h2>
</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
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.
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
• 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%.
Zapisz średnik, podaj pozostałe definicje
i zakończ regułę zamykającym nawiasem
klamrowym }.
Wyrównywanie w pionie
67