ตัวอย่าง CSS Cursor Property - ครบทุกค่า

ด้วย CSS cursor property สามารถแสดงเคอร์เซอร์แบบต่างๆ เช่น crosshair, pointer, move เป็นต้น

ตัวอย่าง

<html>
<head></head>
<body>
    <div style="cursor:auto">Auto</div>
    <div style="cursor:crosshair">Crosshair</div>
    <div style="cursor:default">Default</div>
    <div style="cursor:pointer">Pointer</div>
    <div style="cursor:move">Move</div>
    <div style="cursor:e-resize">e-resize</div>
    <div style="cursor:ne-resize">ne-resize</div>
    <div style="cursor:nw-resize">nw-resize</div>
    <div style="cursor:n-resize">n-resize</div>
    <div style="cursor:se-resize">se-resize</div>
    <div style="cursor:sw-resize">sw-resize</div>
    <div style="cursor:s-resize">s-resize</div>
    <div style="cursor:w-resize">w-resize</div>
    <div style="cursor:text">text</div>
    <div style="cursor:wait">wait</div>
    <div style="cursor:help">help</div>
</body>
</html>

ลองเลื่อนเมาส์ไปบนแต่ละคำเพื่อดูการเปลี่ยนแปลงของเคอร์เซอร์

ตารางค่าทั้งหมด