CSS Konuları

CSS Cursor

20/02/2023
CSS Cursor Styles

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:alias
cursor:all-scroll cursor:all-scroll
cursor:auto cursor:default
cursor:cell cursol:cell
cursor:col-resize cursor:col-resize
cursor:context-menu cursor:context-menu
cursor:copy cursor:copy
cursor:crosshair cursor:crosshair
cursor:default cursor:default
cursor:e-resize cursor:e-resize
cursor:ew-resize cursor:ew-resize
cursor:grab cursor:grab
cursor:grabbing cursor:grabbing
cursor:help cursor:help
cursor:move cursor:move
cursor:n-resize cursor:n-resize
cursor:ne-resize cursor:ne-resize
cursor:nesw-resize cursor:news-resize
cursor:no-drop cursor:no-drop
cursor:none İmleci tamamen gizlemek için kullanılır.
cursor:not-allowed cursor:no-drop
cursor:ns-resize cursor:ns-resize
cursor:nw-resize cursor:nw-resize
cursor:nwse-resize cursor:nwse-resize
cursor:pointer

cursor:pointer genelde tıklanabilir bağlantılar için kullanılır.

cursor:progress cursor:progress
cursor:row-resize cursor:row-resize
cursor:s-resize cursor:s-resize
cursor:se-resize cursor:se-resize
cursor:sw-resize cursor:sw-resize
cursor:text cursor:text

Sayfa üzerinde seçilecek metinler için kullanılır.

cursor:vertical-text cursor:vertical-text
cursor:w-resize cursor:w-resize
cursor:wait cursor:progress
cursor:zoom-in cursor:zoom-in
cursor:zoom-out cursor:zoom-out