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 ติดด้ายซ้ายมือ เหอๆๆ วันนี้แค่นี้ก่อนครับเดี๋ยวครั้งหน้ามีอะไรดีจะเอามาฝากอีกครับ
Read More