CSS imleç özelliği

Tanım ve Kullanım

cursor özelliği, gösterilmesi gereken imleç türünü (şeklini) belirler.

Bu özellik, fare işaretçisinin bir element sınırları içindeyken kullanılacak olan imleç şeklini tanımlar (ancak CSS2.1, bu aralığı hangi sınırlarla belirlediğini tanımlamaz).

Ayrıca bakınız:

CSS eğitim:CSS konumlandırma

HTML DOM referans el kitabı:cursor özelliği

Örnek

Farklı cursorlar:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

Kişisel olarak deneyin

CSS dilbilgisi

cursor: value;

Özellik değeri

Değer Açıklama
url

Kullanılacak özelleştirilmiş cursorun URL'si.

Açıklama:Bu listanın sonunda her zaman bir normal cursor tanımlayın, URL ile tanımlanmış mevcut bir cursor olmasa bile.
default Varsayılan cursor (genellikle bir ok).
auto Varsayılan. Tarayıcı tarafından ayarlanan cursor.
crosshair Cursor, kare işaretçisi olarak görüntülenir.
pointer Cursor, bağlantıyı işaret eden bir işaretçi (bir el) olarak görüntülenir.
move Bu cursor, bir nesnenin taşınabileceğini belirtir.
e-resize Bu cursor, dörtlügenin kenarının sağa doğru hareket edebileceğini belirtir (doğu).
ne-resize Bu cursor, dörtlügenin kenarının yukarıya ve sağa doğru hareket edebileceğini belirtir (kuzey/eğilim).
nw-resize Bu cursor, dörtlügenin kenarının yukarıya ve sola doğru hareket edebileceğini belirtir (kuzey/batı).
n-resize Bu cursor, dörtlügenin kenarının yukarıya doğru hareket edebileceğini belirtir (kuzey).
se-resize Bu cursor, dörtlügenin kenarının aşağıya ve sağa doğru hareket edebileceğini belirtir (güney/eğilim).
sw-resize Bu cursor, dörtlügenin kenarının aşağıya ve sola doğru hareket edebileceğini belirtir (güney/batı).
s-resize Bu cursor, dörtlügenin kenarının aşağıya doğru hareket edebileceğini belirtir (güney).
w-resize Bu cursor, dörtlügenin kenarının soldan sola hareket edebileceğini belirtir (batı).
text Bu cursor, metni belirtir.
wait Bu cursor, programın meşgul olduğunu belirtir (genellikle bir saat veya bir çayla).
help Bu cursor, mevcut yardımı belirtir (genellikle bir soru işareti veya bir balon).

Teknik ayrıntılar

Varsayılan değer: auto
Geçişlilik: evet
Sürüm: CSS2
JavaScript dilbilgisi: object.style.cursor="crosshair"

TIY örneği

Cursor'u değiştir
Bu örnek, nasıl cursor'u değiştireceğinizi gösterir.

Tarayıcı desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Chrome IE / Edge Firefox Safari Opera
5.0 5.5 4.0 5.0 9.6

Açıklama:Opera 9.3 ve Safari 3 desteklemiyor url Değer.