margin และ padding ต่างกันอย่างไร
ทุกคนที่ฝึกเขียนจะต้องมีคนเคยสงสัยว่าระหว่างmarginกับpaddingนั้นมันทำงานต่างกันยังไง
บางคนก็ยังแยกไม่ออกว่าอะไรคือจุดแบ่งของทั้งสองอย่างนี้
https://medium.com/arcadia-software-dev ... 8c2848ae1e
ตามรูปจะเห็นว่าmarginนั้นมีพื้นที่สีฟ้าเป็นพื้นที่ว่างระหว่างborderกับelement
ส่วนpaddingที่เป็นพื้นที่สีเขียว จะอยู่ด้านใบของborderซึ่งมีหน้าจะช่องว่างระหว่างborderกับcontent
จากรูปจะทำให้เห็นความแตกต่างของการจัดรูปแบบ จริงๆแล้วมันทำงานคนล่ะส่วนกันเลย หวังว่าจะเพิ่มความเข้าใจ
บทควาวที่เกี่ยวข้อง
การใช้งาน Padding ช่วยจัดรูปภาพหรือข้อความ
padding ต่างจาก margin อย่างไร
Moderator: mindphp, ผู้ดูแลกระดาน
-
- PHP Full Member
- โพสต์: 30
- ลงทะเบียนเมื่อ: 05/05/2020 10:09 am
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
- 0 ตอบกลับ
- 4791 แสดง
-
โพสต์ล่าสุด โดย M031
23/11/2015 11:23 am
-
- 0 ตอบกลับ
- 1444 แสดง
-
โพสต์ล่าสุด โดย Parichat
09/01/2018 2:44 pm
-
- 0 ตอบกลับ
- 1339 แสดง
-
โพสต์ล่าสุด โดย abdkode
03/04/2019 2:53 pm
-
-
โพสต์ใหม่ padding CSS การกำหนดระยะห่างจากภายใน Elements
โดย M034 » 30/03/2016 5:47 pm » ใน CSS Knowledge - 0 ตอบกลับ
- 5238 แสดง
-
โพสต์ล่าสุด โดย M034
30/03/2016 5:47 pm
-
-
-
โพสต์ใหม่ การใช้งาน Padding ช่วยจัดรูปภาพหรือข้อความ
โดย Parichat » 28/06/2018 6:14 pm » ใน CSS Knowledge - 0 ตอบกลับ
- 1640 แสดง
-
โพสต์ล่าสุด โดย Parichat
28/06/2018 6:14 pm
-
-
- 0 ตอบกลับ
- 1614 แสดง
-
โพสต์ล่าสุด โดย thatsawan
14/10/2014 5:39 pm
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 51