DHTML0095

Rozdział 6.

Określanie wypełnienia

Określanie wypełnienia wokół elementu

Na pierwszy rzut oka wydaje się, że wypełnienie działa tak samo jak marginesy - dodaje wolny obszar wokół zawartości elementu. Różnica polega jednak na tym, że wypełnienie dodaje obszar pomiędzy obramowaniem elementu a jego zawartością, a nie pomiędzy danym elementem a innymi elementami wyświetlonymi na ekranie. Spójrz na rysunek 6.3, aby zobaczyć przykład użycia wypełnienia do oddzielenia zawartości od obramowania.

Aby zdefiniować obramowanie

1. P(

Podaj selektor, dla którego chcesz stworzyć regułę CSS. W przykładzie przedstawionym na listingu 6.3 użyty został selektor znacznika akapitu.

2. padding:

Rozpocznij definicję poprzez zapisanie właściwości padding oraz dwukropka.

3. 10px

Następnie podaj wielkość wypełnienia

eltnrentuj myft ttf t?yv,

• wielkość określająca długość;

• wartość procentowa, która spowoduje stworzenie wypełnienia o wielkości

proporcjonalnej do szerokości elementu

rodzicielskiego.

4. ;}

Zakończ definicję za pomocą średnika, podaj dodatkowe definicje i zamknij regułę zapisując zamykający nawias klamrowy }.

Listing 6.3. Poniższy kod informuje, że znacznik <P> powinien mieć górne wypełnienie o wielkości 10 pikseli, prawe o wielkości 5 pikseli, dolne o wielkości 35% i lewe o wielkości 40 pikseli

<html>

<head>

P { padding: 10px 5px 35% 40px; border: lpx solid }

</style>

</hoad>

cbody bgcolor="fłFFFFTF^,'>

<p>W języku HTML definiuje się po kolei wszystkie wiersze tabeli, a każdy z wierszy zawiera definicję wszystkich zawartych w nim komórek...</p>

</body>

</html>

Podawanie kilku wartości

padding: 10px 5px 35% 40px

W wartości padding możesz podać do czterech wartości oddzielonych od siebie spacjami.

1. Podanie jednej wartości spowoduje określenie wszystkich czterech wypełnień.

. Podanie dwich wartości spowoduje określenie par wypełnień - górnego i dolnego oraz lewego i prawego.

3. Podanie trzech wartości spowoduje

określenie wypełnienia górnego,

lewego i prawego (które będą takie same) oraz dolnego.

4. Podanie czterech wartości spowoduje indywidualne określenie każdego

z czterech wypełnień - górnego, prawego, dolnego i lewego.

Wyszukiwarka

Podobne podstrony:
Obraz27 (2) 30 Rozdział 1 syjnc) i zamienianie jej na starej konstrukcji skałkówki. Na pierwszy rzu
26223 IMG (42) ROZDZIAŁ 2PROJEKT BADAWCZY: PROBLEMY, PRZYKŁADY I PRÓBKI Na pierwszy rzut oka uprawia
Na pierwszy rzut oka wydaje się, że uderzająca różnica w wielkości r dla grup w 12 i 12a związana je
23 tradycja myśli nie stworzyła bowiem w miarę adekwatnych interpretacji tych zjawisk. Na pierwszy
DHTML0097 Rozdział 6. Określanie wypełnienia Określanie wypełnienia na jednej stronieJeśli chcesz, m
log4 l4l + log4 8 V2 - log4 2 Na pierwszy rzut oka widać, że logarytniowanie w każdym elemencie nie
Strona 114 Anty Bananowe pokolenie Nie jesteśmy w stanie na pierwszy rzut oka określić, kto jest stu
skanowanie0011 106 Gatunki wypowiedzi w analizie stylistycznej [21] Ta książka, ch
odbyt13312983921330 Niezwykłość Objawia się tym, że na pierwszy rzut oka nie sposób jej dostrzec WWW
P1180304 44 Ryszard Wołągiewłcz Na pierwszy rzut oka za trafny argument może uchodzić opinia o szcze
page0348 344 staje na pierwszy rzut oka przed myślą celową jako coś nie-swojskiego i zewnętrznego; l
skanuj0025 3 L Światopogląd prozy schulza korzystał w najważniejszych dla siebie kwestiach. Widać na
Obraz1 (74) Widać na pierwszy rzut oka, że mamy tutaj 19 izotopów o nieparzystych liczbach porządko
DIGDRUK00150532 djvu ( 20 ) iest takim iak się na pierwszy rzut oka wydaie, albowiem używmiąc ićy s

więcej podobnych podstron