Rozdział 6.
Określanie wypełnienia
Określanie wypełnienia na jednej stronie
wypełnienie na każdym z boków bloku. Możliwość ta jest użyteczna przy zastępowaniu wartości podanych za pomocą właściwości padding. Na rysunku 6.6 przedstawiony został przykład zawartości akapitu, której odległość od obramowania zmienia się w zależności od sposobu ustawienia wypełnienia.
1. <P STYLE="
Podaj selektor, dla którego chcesz zdefiniować regułę. W kodzie przedstawionym na listingu 6.4 tworzymy regułę, która będzie miała wpływ na wygląd jednego znacznika HTML-owego -znacznika akapitu. Dzięki temu możemy zmienić ustawienia wypełnienia podane w nagłówku dokumentu.
2. padding-
Zapisz właściwość padding i znak minus.
Wybierz bok elementu, dla którego chcesz określić wypełnienie; podaj jego nazwę -top, bottom, left, right - a następnie zapisz dwukropek.
4. Opx
Podaj wielkość wypełnienia; możesz w tym celu użyć:
• wielkości określającej długość;
• wartości procentowej, która spowoduje dodanie wypełnienia proporcjonalnego do szerokości elementu rodzicielskiego;
• wartości auto, która spowoduje, że wielkość wypełnienia zostanie określona według uznania przeglądarki.
Listing 6.4. W akapitach, wypełniania na wszystkich bokach będą miały wielkość 20 pikseli. Jednakże w treści strony zastępujemy le ustawienia w każdym ze znaczników <P>
<head>
<meta http-eąuW^Content-Type"
—►eontent:«"text/htrał; charset■= ISO-8859-2 "> <title>Listing 6.4</title>
<style typei“Mtext/ęssM>
P { padding: 20p>:; border: lpx solid; } </style>
</head>
<body fcgcolor="#FFFFFF">
<p style*"padding-top: Opx;">W języku HTML definiuje się po kolei wszystkie wiersze... </p>
<p style="padding-right: Opx;">Para znaczników TR i /TR służy do tworzenia wiersza. ...</p>
<p style-^padding-bottom: Opx; ">Podpisy tabel informują o tym, czego dotyczy tabela. ..,</p>
<p styie="padding-left: Opx;">Podpisy tabel informują o tym, czego dotyczy tabela. Podpis ...</p>
</body>
</html>
100