Style cursor özelliği

Tanım ve Kullanım

cursor Özellik ayarları veya döndürmek için fare işaretçisi için gösterilecek imleç türünü döndürür.

Ayrıca bkz:

CSS Referans Kılavuzu:cursor özelliği

Örnek

Örnek 1

İmleci değiştir:

document.getElementById("myP").style.cursor = "pointer";

Kişisel olarak deneyin

Örnek 2

Tüm mevcut imleçleri göster:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;

Kişisel olarak deneyin

Örnek 3

Kurçunun türünü döndür:

alert(document.getElementById("myP").style.cursor);

Kişisel olarak deneyin

gramer

cursor özelliğini döndür:

nesne.style.cursor

cursor özelliğini ayarla:

nesne.style.cursor = value

özellik değeri

değer tanım
alias Fare işaretçisi belirli bir şeyin takma adını oluşturmak için kullanılır.
all-scroll Fare işaretçisi her yöne kaydırmak için kullanılır.
auto Varsayılan. Tarayıcı fare işaretçisini ayarlar.
cell Fare işaretçisi bir hücreyi (veya bir grup hücrelerini) seçilebilir belirtir.
context-menu Fare işaretçisi içerik menüsünün kullanılabilir olduğunu belirtir.
col-resize Fare işaretçisi sütun genişliğini düzeltmek için kullanılabilir.
copy Fare işaretçisi kopyalanacak içeriği belirtir.
crosshair Fare işaretçisi kare işaretçisi olarak görüntülenir.
default Varsayılan fare işaretçisi.
e-resize Fare işaretçisi çubuğun kenarını sağa (doğuya) doğru hareket ettirmek için kullanılır.
ew-resize İki yönlü boyutlandırma fare işaretçisini belirtir.
help Fare işaretçisi yardımı kullanılabilir olduğunu belirtir.
move Fare işaretçisi taşınacak şeyi belirtir.
n-resize Fare işaretçisi çubuğun kenarını yukarıya (kuzeye) doğru hareket ettirmek için kullanılır.
ne-resize Fare işaretçisi çubuğun kenarını yukarı ve sağa (kuzey/doğu) doğru hareket ettirmek için kullanılır.
nesw-resize İki yönlü boyutlandırma fare işaretçisini belirtir.
ns-resize İki yönlü boyutlandırma fare işaretçisini belirtir.
nw-resize Fare işaretçisi çubuğun kenarını yukarı ve sola (kuzey/batı) doğru hareket ettirmek için kullanılır.
nwse-resize İki yönlü boyutlandırma fare işaretçisini belirtir.
no-drop Fare işaretçisi sürüklenecek öğenin buraya konulamayacağını belirtir.
none Eleman için fare işaretçisi sunulmamıştır.
not-allowed Fare işaretçisi istenen eylemin gerçekleştirilmeyeceğini belirtir.
pointer Fare işaretçisi bağlantıyı belirtir.
progress Fare işaretçisi programın meşgul olduğunu (devam ediyor) belirtir.
row-resize Fare işaretçisi bu satırın dikey olarak ayarlanabilir olduğunu belirtir.
s-resize Fare işaretçisi çubuğun kenarını aşağıya (güneye) doğru hareket ettirmek için kullanılır.
se-resize Fare işaretçisi çubuğun kenarını aşağı ve sağa (güney/doğu) doğru hareket ettirmek için kullanılır.
sw-resize Fare işaretçisi çubuğun kenarını aşağı ve sola (güney/batı) doğru hareket ettirmek için kullanılır.
text Fare işaretçisi seçilebilir metni belirtir.
URL

Özel fare işaretçisi URL'lerinin virgülle ayrılmış listesi.

Açıklama:Liste sonunda her zaman genel fare işaretçisini belirtmelisiniz, çünkü URL tanımlanmamış herhangi bir fare işaretçisi kullanılabilir.
vertical-text Fare işaretçisi seçilebilir yatay metni belirtir.
w-resize Fare işaretçisi çubuğun kenarını sola (batıya) doğru hareket ettirmek için kullanılır.
wait Fare işaretçisi programın meşgul olduğunu belirtir.
zoom-in Fare işaretçisi belirli bir şeyi büyütmek için kullanılabilir.
zoom-out Fare işaretçisi belirli bir şeyi büyütmek için kullanılabilir.
initial Bu özelliği varsayılan değerine ayarlayın. Bakınız initial.
inherit Bu özelliği ebeveyn elemanından devralır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer: auto
Dönüş değeri: Düzenli ifade, fare işaretçisinin elemanın üzerindeyken gösterileceği fare işaretçisini belirtir.
CSS sürümü： CSS2

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek