Przejdź do treści

Jaka jest różnica między "padding" a "margin"? - Kurs HTML i CSS

Jaka jest różnica między "padding" a "margin"?

Różnica między padding a margin polega na ich funkcji i wpływie na układ elementów. margin tworzy odstęp zewnętrzny między elementem a jego otoczeniem, oddzielając go od innych elementów. Z kolei padding tworzy odstęp wewnętrzny pomiędzy zawartością elementu a jego obramowaniem, oddzielając treść od obramowania. Innymi słowy, margin wpływa na odstępy między elementami, natomiast padding kontroluje odstępy wewnątrz elementu.

Zobacz więcej...

  • CSS
    Marginesy CSS / Atrybuty mieszane marginesu wewnętrznego {padding}

    ...a jego obramowaniem. Na przykład: "padding: 10px" dodaje 10 pikseli odstępu wewnątrz elementu, oddzielając treść od obramowania. Jaka jest różnica między "padding" a "margin"? Różnica między padding a margin polega na ich funkcji i wpływie na układ elementów. margin tworzy odstęp zewnętrzny między elementem a jego otoczeniem, oddzielając go od innych elementów. Z kolei padding tworzy odstęp wewnętrzny pomiędzy zawartością elementu a jego obramowaniem, oddzielając treść od...

  • CSS
    Marginesy CSS / Górny margines wewnętrzny {padding-top}

    ...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: Po wpisaniu: <p style="background-color: silver; margin: 1cm; padding: 5mm">...</p> Otrzymamy: 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...

★★★★★ 5/5 (511)

Facebook