DHTML0065

DHTML0065



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

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


67


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