padding ต่างจาก margin อย่างไร

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: padding ต่างจาก margin อย่างไร

padding ต่างจาก margin อย่างไร

โดย champp » 07/05/2020 4:49 pm

margin และ padding ต่างกันอย่างไร
ทุกคนที่ฝึกเขียนจะต้องมีคนเคยสงสัยว่าระหว่างmarginกับpaddingนั้นมันทำงานต่างกันยังไง
บางคนก็ยังแยกไม่ออกว่าอะไรคือจุดแบ่งของทั้งสองอย่างนี้


รูปภาพ
https://medium.com/arcadia-software-dev ... 8c2848ae1e

ตามรูปจะเห็นว่าmarginนั้นมีพื้นที่สีฟ้าเป็นพื้นที่ว่างระหว่างborderกับelement
ส่วนpaddingที่เป็นพื้นที่สีเขียว จะอยู่ด้านใบของborderซึ่งมีหน้าจะช่องว่างระหว่างborderกับcontent
จากรูปจะทำให้เห็นความแตกต่างของการจัดรูปแบบ จริงๆแล้วมันทำงานคนล่ะส่วนกันเลย หวังว่าจะเพิ่มความเข้าใจ

บทควาวที่เกี่ยวข้อง
การใช้งาน Padding ช่วยจัดรูปภาพหรือข้อความ

ข้างบน