• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Kiedy używac margin a padding

Aruba Cloud - Virtual Private Server VPS
0 głosów
4,508 wizyt
pytanie zadane 22 sierpnia 2015 w HTML i CSS przez Agentok Użytkownik (660 p.)
Np  margin-top padding-top dają takie same efekty. Kiedy używać margin a kiedy padding?

5 odpowiedzi

+4 głosów
odpowiedź 22 sierpnia 2015 przez Comandeer Guru (606,550 p.)

Nie, nie dają takich samych efektów. http://jsfiddle.net/Comandeer/v17gLng4/ vs http://jsfiddle.net/Comandeer/jak7oma5/

margin to odstęp na zewnątrz danego pudełka, padding wewnątrz. Warto jednak od razu poczytać o zjawisku "margin collapsing", bo ono może tłumaczyć czemu wydaje się, że w niektórych przypadkach działają one jednakowo.

+3 głosów
odpowiedź 22 sierpnia 2015 przez AllvarusAMD Nowicjusz (220 p.)

Głównie wygląda to tak:

padding - margines wewnętrzny między obramowaniem a zawartością obiektu
margin - margines zewnętrzny między obramowaniem a sąsiadującymi obiektami

Tutaj masz to wyjaśnione troszkę za pomocą obrazku. 


komentarz 22 sierpnia 2015 przez Comandeer Guru (606,550 p.)
Z tym, że ten obrazek nie przystaje do dzisiejszej rzeczywistości, gdzie jednak "IE width" jest uznawane za sposób poprawniejszy i elastyczniejszy: http://paulirish.com/2012/box-sizing-border-box-ftw/
0 głosów
odpowiedź 2 listopada 2015 przez DariuszH Gaduła (3,100 p.)
Margin to odstęp na zewnątrz elementu

padding to odstęp do wewnątrz (od obramowania lub granicy elementu)

Można się pogubić jeżeli nie planujesz co ma być na stronie :) I pamiętaj o układzie: matka-dzieci ( o dziedziczeniu).
0 głosów
odpowiedź 2 listopada 2015 przez Eerie Mądrala (7,130 p.)
Ja się tak podbiję pod pytanie. Bo mi się wydaje, że margin i padding dają taki sam efekt na stronie, bo to czy jest on na zewnątrz czy wewnątrz jest dla oczu usera niezauważalne. Chyba jedyna różnica jest wtedy, gdy używamy np. jakiegoś obramowania. Podacie przykład sytuacji, w której można wybrać tylko margin, a padding nie można? Albo na odwrót, że można wybrać tylko padding a nie można margin?
komentarz 2 listopada 2015 przez furas Maniak (53,800 p.)
Sam podałeś taki przykład - użycie obramowania :)
komentarz 2 listopada 2015 przez Eerie Mądrala (7,130 p.)
A mogę więcej przykładów?
komentarz 2 listopada 2015 przez furas Maniak (53,800 p.)
`padding` ma kolor zadany przez `background-color` a `margin` nie ma koloru.
komentarz 2 listopada 2015 przez furas Maniak (53,800 p.)
To co napisał Commander - marginesy sąsiednich elementów nachodzą na siebie więc odległość między elementami nie jest równa sumie marginesów tylko rozmiarowi większego z marginesów. padding nie ma tego efektu.
0 głosów
odpowiedź 2 listopada 2015 przez joker Nałogowiec (31,150 p.)

margin - dodaje odstęp już poza danym elementem

padding - dodaje odstęp w środku danego elementu

Podobne pytania

0 głosów
1 odpowiedź 271 wizyt
0 głosów
2 odpowiedzi 346 wizyt
pytanie zadane 12 lutego 2019 w HTML i CSS przez vingilot85 Obywatel (1,150 p.)
+1 głos
2 odpowiedzi 327 wizyt

93,329 zapytań

142,323 odpowiedzi

322,400 komentarzy

62,663 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...