background-position คือคำสั่งอะไร

background-position คือคำสั่งกำหนดตำแหน่งการแสดงผลของรูปภาพด้วยภาษา CSS สามารถกำหนดได้ทั้งเป็น % และตำแหน่ง บทความนี้แนะนำการกำหนดด้วยตำแหน่ง คือ top left right bottom และ center สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง background-position คือคำสั่งอะไร

<style>
    .image {
        background-image: url('background.jpg');
        width: 200px;
        height: 200px;
        background-position: top center;
    }
</style>

<div class="image"></div>

background-position จากตัวอย่างแสดงรูปภาพ background.jpg ขนาด 200x200 ที่ div class="image" โดยกำหนดการแสดงผลรูปภาพที่ด้านบน (top) และตรงกลางรูปภาพ (center) ด้วย background-position ภาษา CSS