Marginesy

Górny wewnętrzny

selektor { padding-top: rozmiar }

Polecenie to pozwala zdefiniować dodatkowy wewnętrzny odstęp pomiędzy elementami, np. tekstem i obramowaniem tabeli (co nie byłoby możliwe poprzez ustalenie marginesu - margin). Jest przydatne np. w połączeniu z tłem pod tekstem, obramowaniem, czy też tabelami. W ostatnim przypadku, działanie tego polecenia jest analogiczne jak atrybutu cellpadding="...", ale dodatkowo pozwala określić odstępy od każdego brzegu komórki z osobna (które nie muszą być jednakowe), a także dla każdej oddzielnej komórki.

body { padding: 0 }

Przykład:

Rzeczywiście w wielu przypadkach, praktycznie nie można ich odróżnić, np.:

Dla tego akapitu został określony margines wewnętrzny po lewej stronie, który wygląda tak samo, jak zwykły margines (margin).

Aby zrozumieć, jaka jest różnica pomiędzy zwykłym a wewnętrznym marginesem, spójrz na poniższy przykład:

<p style="background-color: silver; margin: 1cm; padding: 5mm">...</p>

To jest akapit z określonym marginesem zewnętrznym - 1cm (to ta odległość między brzegami strony (także sąsiadującymi elementami) a zewnętrznymi krawędziami szarego prostokąta). Natomiast margines wewnętrzny wynosi 5mm (to ta odległość między krawędziami szarego prostokąta a tekstem, który właśnie czytasz). Margines zewnętrzny leży na zewnątrz elementu (na zewnątrz szarego prostokąta), a margines wewnętrzny - wewnątrz.

To jest analogiczny przykład, ale z użyciem obramowania.

Dla porównania - to jest akapit z tłem, ale bez określenia marginesu wewnętrznego. Dlatego właśnie nie istnieje tutaj odstęp między szarym prostokątem a tekstem, który właśnie czytasz.

A to jest zwykły akapit z tłem, bez określenia jakichkolwiek marginesów. Dlatego jego szerokość wynosi tyle co zwykłego tekstu, a także wewnątrz elementu (prostokąta) nie ma żadnego odstępu.

• Załamywanie marginesów
• Dolny wewnętrzny

• Do góry
• Strona główna
• Drukuj rozdział