CSS ขยับภาพไปตามตำแหน่งที่ต้องการ ด้วย position: relative

สอนเขียน CSS ขยับภาพไปตามตำแหน่งที่ต้องการ ด้วย position: relative บทความนี้แนะนำการใช้คำสั่งดังกล่าวสำหรับการขยับภาพไปตามตำแหน่งที่ต้องการ โดยใช้ร่วมกับ left right bottom และ top สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS ขยับภาพไปตามตำแหน่งที่ต้องการ ด้วย position: relative

<style>
    #img {
        position: relative;
        left: 10px;
        top: 10px;
    }
</style>

<img src="https://www.devdit.com/favicon-16x16.png" id="img">

CSS ขยับภาพไปตามตำแหน่งที่ต้องการ แนะนำให้ใช้คำสั่ง position: relative ร่วมกับคำสั่งกำหนดทิศทางที่ต้องการขยับภาพ กรณีต้องการขยับลงด้านล่างให้ใช้ top หรือขยับด้านล่างขึ้นด้านบนให้ใช้ bottom หรือขยับทางซ้าย - ทางขวา ให้ใช้ left และ right จากตัวอย่างเป็นการขยับจากบนลงล่าง (top) 10px และ ขยับจากซ้ายมาทางขวา (left) 10px