LeMOnIcE

มาถึงบทที่ 3 ที่รอคอยกันมาอย่างยาวนานโคตรๆ... ฮ่าๆ เอาล่ะมา คราวนี้ก็
จะขอสอนต่อเลยล่ะกันน่ะ เรื่องต่อไปก็คือ Border หรือ ไอ้พวกที่มันเป็น "กรอบ"
ไม่ใช่ความหมายในลักษะ ที่เมื่อเข้าปากแล้วเคี้ยวมันรู้สึก กรั๊วกร๊าบ แต่อย่างใด

เออ ... ชักไปกันใหญ่แล้วดิ เริ่มกันเลยดีก่า

ในเรื่องกรอบๆ นี้ จะแบ่งหัวข้อย่อยออกได้เป็น 3 หัวข้อเลยน่ะ (ตั้งใจฟัง)
ก็คือ

Margin , Border , Padding
ใครที่เคยเปิดโค้ดดู จะเห็น margin padding งงๆ และก็ท้อแท้ ปิดโค้ดไป
แต่ช้าก่อนวันนี้เราขอเสนอ ... จ๊ะ ว้าย..ไม่ใช่ ไอ้จอร์จกะอีซาร่านะ

MARGIN ใช้กำหนดระยะที่อยู่นอกเส้นกรอบออกไป
BORDER ใช้กำหนดความหนา สีและรูปแบบของเส้นกรอบ
PADDINGใช้กำหนดระยะห่างระหว่างเส้นกรอบด้านในกับข้อความ

งงๆ ละสิ ... ท่านเต้ช่วยชี้ชัดหน่อยครั๊บ...

ให้สมมติรูปด้านล่างนี้คือ หน้าเว็บเด้อ ไอ้กรอบส้ม คือ กรอบตาราง 1*1 ช่อง
ที่เราทำขึ้น ใส่ข้อความอะไรก็ไม่รู้ ช่างมันเหอะน่ะ และคราวนี้เรามาแยกส่วนกัน
ว่าตรงไหนมัน อยู่ในกลุ่มคำสั่งอะไร

MARGIN เราจะใช้กำหนดว่า ไอ้กรอบส้มของเราจะอยู่ห่างจากบนล่างซ้ายขวา
ของหน้าเว็บยังไงบ้าง

BORDER เรากำหนดรูปลักษณะของหน้าตากรอบ ว่าเอาสีส้ม ขอบสีขาว

PADDINGกำหนดระยะ บนล่างซ้ายขวา ระหว่างข้อความกะกรอบ

อันนี้อธิบายแบบชาวบ้านแล้วน่ะ ผู้ใดยังก่งก๊ง งงๆ ก็กรุณากลับไปอ่านใหม่ อีกรอบ

วันนี้เอาคร่าวๆไปก่อนล่ะกัน.. โอ๊ย ข้อมูลมันเยอะทำไม่ทันเว้ย...ไปล่ะ ต่อพรุ่งนี้