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

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

champp
PHP Full Member
PHP Full Member
โพสต์: 30
ลงทะเบียนเมื่อ: 05/05/2020 10:09 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย champp »

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


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

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

บทควาวที่เกี่ยวข้อง
การใช้งาน Padding ช่วยจัดรูปภาพหรือข้อความ
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 55