ขยับรูป CSS เคลื่อนรูปภาพ ขยับ img HTML

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

ตัวอย่าง ขยับรูป CSS เคลื่อนรูปภาพ ขยับ img HTML

<style>
    .picture {
        position: relative;
        top: 50px;
        left: 50px;        
    }
</style>

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

ขยับรูป CSS จากตัวอย่างใช้คำสั่ง position: relative ร่วมกับ top: 50px และ left: 50px เพื่อขยับรูปโดยขยับจากด้านบนลงด้านล่าง 50px และขยับจากด้านซ้ายไปด้านขวา 50px พร้อมกำหนด class ดังกล่าวให้กับแท็ก img เพื่อขยับรูปภาพด้วยภาษา CSS