CSS-3.pdf

(352 KB) Pobierz
CSS - 3
Pozostałe właściwości
Model pudełkowy
Top
Margin
Border
Left
Padding
Zawartość
Right
Bottom
Model pudełkowy - reguły
• Zawartość elementu musi wystąpić
• Padding, Border i Margin są opcjonalne
• Obwód zewnętrzny każdego ze składników
modelu nazywany jest krawędzią (edge) tego
elementu
• Własności width i height dotyczą wyłącznie
zawartości elementu (nie mają wpływu na
obramowanie i marginesy)
• Tło elementu dotyczy wszystkich składników
oprócz marginesu zewnętrznego (margin), dla
którego są przezroczyste
Marginesy wewnętrzne
• Służą do ustalenia odstępu między
zawartością elementu a jego
obramowaniem
• Własności:
»
»
»
»
»
padding
padding-bottom
padding-left
padding-right
padding-top
• Niedopuszczalne są wartości ujemne
Marginesy zewnętrzne pojedynczo
• Własności:
»
»
»
»
padding-top
padding-right
padding-bottom
padding-left
• Wartości:
» szerokość – określona jedną z miar: ex, em,
px, cm, mm, in, pt, pc
» n% - procent wysokości (dla top i bottom ) lub
szerokości (dla left i right) nabliższego
elementu
Zgłoś jeśli naruszono regulamin