CSS Cursor

20/02/2023

Sayfadaki mouse imleç tipini belirtmek için CSS cursor özelliği kullanılır. Bir web sayfası üzerinde farklı elementlere farklı imleçler CSS yardımı ile atanabilir.

CSS Cursor Çeşitleri

`cursor:alias`
`cursor:all-scroll`
`cursor:auto`
`cursor:cell`
`cursor:col-resize`
`cursor:context-menu`
`cursor:copy`
`cursor:crosshair`
`cursor:default`
`cursor:e-resize`
`cursor:ew-resize`
`cursor:grab`
`cursor:grabbing`
`cursor:help`
`cursor:move`
`cursor:n-resize`
`cursor:ne-resize`
`cursor:nesw-resize`
`cursor:no-drop`
`cursor:none`	İmleci tamamen gizlemek için kullanılır.
`cursor:not-allowed`
`cursor:ns-resize`
`cursor:nw-resize`
`cursor:nwse-resize`
`cursor:pointer`	`cursor:pointer` genelde tıklanabilir bağlantılar için kullanılır.
`cursor:progress`
`cursor:row-resize`
`cursor:s-resize`
`cursor:se-resize`
`cursor:sw-resize`
`cursor:text`	Sayfa üzerinde seçilecek metinler için kullanılır.
`cursor:vertical-text`
`cursor:w-resize`
`cursor:wait`
`cursor:zoom-in`
`cursor:zoom-out`