กำหนดตำแหน่ง astore ด้วย margin

margin คือคำสั่งหนึ่งใน Css (ไม่แน่ใจว่าเค้าเรียกว่าอะไรขออนุญาติใช้คำว่าคำสั่งละกัน) ซึ่งสามารถกำหนดค่าระยะห่างระหว่าง ขอบหน้าจอเบราซ์เซอร์กับขอบของตัวหน้าเวปเพจตามต้องการของเราได้

margin มีอยู่ทั้ง 4 ด้าน คือ บน ล่าง ซ้าย ขวา

ด้านบนของ astore เราใช้คำสั่ง คือ margin-top:45px; คำอธิบาย คือ เรากำหนดให้ระยะห่างระหว่างหัวข้างบนของ astore ห่างกับขอบหน้าจอของ เบราซ์เซอร์ 45 px

ด้านล่างของ astore ใช้คำสั่ง คือ margin-bottom:24px; รูปแบบการใช้เหมือนกันครับ astore ด้านล่างจะห่างกับขอบ เบราซ์เซอร์ 24 px

ส่วนด้านซ้ายใช้คำสั่ง คือ margin-left

ด้านขวาคำสั่ง คือ margin-right

ลักษณะการใช้งานคล้ายกันครับ คือต้องการให้ห่างเท่าใดก็กำหนด ขนาดของ px เอาครับแล้วลองทดสอบดูครับ

ส่วนตัวที่เป็นมาตรฐาน astore กำหนดมาให้จะเป็นลักษณะนี้นะครับ margin:24px; คือหมายความว่าทุกด้านให้ห่างจากขอบ 24px แต่ css จะใ้ห้ความสำคัญด้านซ้ายและ้ด้านบนก่อนเสมอครับ จึงสามารถสังเกตได้ว่า ด้านบนและด้านซ้ายห่างจากขอบ 24px เบะเลย แต่ด้านขวาห่างซะงั้น เลยทำให้ดูเหมือนว่า astore ติดด้ายซ้ายมือ เหอๆๆ วันนี้แค่นี้ก่อนครับเดี๋ยวครั้งหน้ามีอะไรดีจะเอามาฝากอีกครับ