Box Model

Wielkość

W starszych przeglądarkach działanie box modelu było inne. Zobacz quirks mode.

Standardowo szerokość i wysokość ustalane w CSS odnoszą się do wielkości zawartości danego elementu. Całkowita wielkość elementu jest większa o padding, obramowanie (border) i niewidoczny margines (margin).

Schemat box modelu

Typy boksów

Typy boksów CSS są niezależne od tak samo nazwanych typów elementów XHTML. Można element, który XHTML określa blokowym wyświetlić w CSS jako inline, i odwrotnie. Zmiana wyglądu elementu za pomocą CSS nie zmienia jego znaczenia i reguł użycia w XHTML.

CSS generalnie dzieli elementy na blokowe (block) i liniowe (inline). Elementy blokowe są zawsze prostokątne i mogą mieć nadane wymiary (np. akapit, nagłówek). Elementy liniowe są częścią tekstu i mogą być przełamane przy przenoszeniu do nowej linii (np. pogrubienie, odnośnik).

Szczególnym przypadkiem w CSS są tabele. Ze względu na kompatybilność z HTML tabele nieco inaczej reagują na nadane im wymiary, obramowanie i mają pewne ograniczenia co do pozycjonowania.

Pytania? Komentarze? Napisz na forum kursu lub edytuj tę stronę.


Zmodyfikowano: 04.08.2006, 17:16