DHTML0118

Umiejscawianie w CSS

4. ; top:-15px; colorred; font: bold ->normal 36pt times, serif;}

Zakończ definicję średnikiem, a następnie podaj pozostałe właściwości konieczne do umiejscowienia elementu oraz inne potrzebne właściwości CSS. Następnie zakończ regułę za pomocą zamykającego nawiasu klamrowego }. (W tym przykładzie powiększyliśmy czcionkę, dodaliśmy troszkę koloru i przesunęliśmy tekst o 15 pikseli ku górze.)

S Rady

■ Możesz używać umiejscawiania względnego do tworzenia tekstów wyświetlanych jako indeksy górne i dolne, a przynajmniej będziesz mógł, gdy właściwość vertical-alignment stanie się standardem dostępnym na wszystkich przeglądarkach (patrz „Wyrównywanie w pionie”, strona 67). Jeśli chcesz stworzyć tekst wyglądający jak indeks górny lub dolny, to osobiście radzę, abyś stworzył klasę definiującą mniejszą czcionkę tekstu oraz właściwość top odpowiednio podnoszącą lub opuszczającą tekst względem otaczających

go elementów.

1 Używaj właściwości top i left do przesunięcia elementu w obszarze jego naturalnego położenia w treści dokumentu. Wartości ujemne spowodują przesunięcie elementu ku górze i w lewo, a dodatnie - ku dołowi

I

i w prawo.

Stosowanie umiejscawiania

121