CSS Cursor Özelliği – Cursor Property

Post by Admin on saturday, March 02, 2015 5 comments

Bir eleman üzerine gelindiğinde imlecin değişmesini istiyorsak cursor özelliğini kullanacağız. Aşağıda ki elemanların üzerine fare ile gelerek imlecin nasıl değiştiğini görebilirsiniz.

 

crosshair : İmlecin artı işareti şeklinde gözükmesini sağlar.

auto : İmlecin metinde dikey çizgi, boş alanda normal ok şeklinde gözükmesini sağlar.

default : İmlecin hem metinde hem de boş alanda normal ok şeklinde gözükmesini sağlar.

pointer : İmlecin linkte olduğu gibi el şeklinde gözükmesini sağlar.

move : İmlecin taşıma işareti şeklinde gözükmesini sağlar.

ne-resize : İmlecin sağa yatık normal ok şeklinde gözükmesini sağlar.

nw-resize : İmlecin sola yatık normal ok şeklinde gözükmesini sağlar.

se-resize : İmlecin yukardan aşağı doğru ve sağa yatık normal ok şeklinde gözükmesini sağlar.

sw-resize : İmlecin yukardan aşağı doğru ve sola yatık normal ok şeklinde gözükmesini sağlar.

n-resize : İmlecin aşağıdan yukarıya doğru ince ok şeklinde gözükmesini sağlar.

s-resize : İmlecin yukardan aşağı doğru ince ok şeklinde gözükmesini sağlar.

w-resize : İmlecin sola doğru ince ok şeklinde gözükmesini sağlar.

e-resize : İmlecin sağa doğru ince ok şeklinde gözükmesini sağlar.

text : İmlecin hem metinde hem de boş alanda metinde olduğu gibi gözükmesini sağlar.

wait : İmlecin meşgul animasyonuna dönüşmesini sağlar.

help : İmlecin soru işaretine dönüşmesini sağlar

url : Yeni imleç eklememizi sağlar. cursor:url(yeni.cur) olarak kullanımı vardır. Sadece .cur dosyalarını destekler.

 

  • BLOG
  • 29 Mart, 23:39

  • WEBMASTER

© 2015 ÖzTürkTASARIM Tüm Hakları Saklıdır | ÖzTÜrk TASARIM