myNotlar Logo

cursor


Internet Explorer Firefox Opera

cursor özelliği, elementin üzerine fare ile gelindiğinde gösterilecek fare işaretçisini (mouse pointer/cursor) belirler.

Sözdizimi

element.style.cursor = "isaretci"
element.style.cursor = "url(isaretciAdres), anahtar"

CSS Sözdizimi

cursor: isaretci
cursor: url(isaretciAdres), anahtar
isaretciAşağıdaki işaretçi değerlerinden birini alır.

isaretciAdres.CUR ve .ANI uzantılı fare işaretçisi dosyasının URL adresi.
anahtarİşaretçi dosyasının bulunamaması durumunda aşağıdaki işaretçi değerlerinden birinin belirtilerek gösterilmesini sağlar. Örneğin: auto, text

CSS cursor İşaretçi Değerleri

Fare işaretçisi fare konumunu göstermekle beraber işletim sisteminde veya sayfa üzerinde herhangi bir anda üzerinde bulunduğu nesne/element/bileşen ile ilgili yapılabilecek veya o anda devam eden bir işlemi gösterir. Şekil itibariyle temelde işletim sistemine bağlı olan işaretçileri kullanıcının standart listesinden veya yeni seri kurarak değiştirmesi gayet mümkündür. Bu yüzden buradaki işaretçiler ne kadar "popüler" olsalar da farklı sistemlerde farklı şekilde görüneceklerdir.

cursor:Test EdinResimAçıklama
auto Resim Yok Tarayıcı işaretçiyici içeriğe göre otomatik olarak belirler.
default Resim Yok Varsayılan "Ok" fare işaretçisi.
none (FF 3) Resim Yok Fare işaretçisi görünmez. (Sadece Firefox 3)
context-menu Resim Yok
help CSS mouse cursor help
pointer (IE 6+) CSS mouse cursor pointer
progress (IE 6+) CSS mouse cursor progress
wait CSS mouse cursor wait
cell CSS mouse cursor progress
crosshair CSS mouse cursor crosshair
text CSS mouse cursor text
vertical-text (IE 6+) CSS mouse cursor vertical-text
alias CSS mouse cursor alias
copy CSS mouse cursor copy
move CSS mouse cursor move
no-drop (IE 6+) CSS mouse cursor no-dropCSS mouse cursor no-drop
not-allowed (IE 6+) CSS mouse cursor not-allowed
all-scroll CSS mouse cursor all-scrollCSS mouse cursor all-scroll
col-resize (IE 6+) CSS mouse cursor col-resize
row-resize (IE 6+) CSS mouse cursor row-resize
e-resize CSS mouse cursor e-resize
ew-resize CSS mouse cursor ew-resize
n-resize CSS mouse cursor n-resize
ne-resize CSS mouse cursor ne-resize
nesw-resize CSS mouse cursor nesw-resize
ns-resize CSS mouse cursor ns-resize
nw-resize CSS mouse cursor nw-resize
nwse-resize CSS mouse cursor nwse-resize
s-resize CSS mouse cursor s-resize
se-resize CSS mouse cursor se-resize
sw-resize CSS mouse cursor sw-resize
w-resize CSS mouse cursor w-resize
-moz-grab CSS mouse cursor -moz-grab (Sadece Firefox, SeaMonkey)
-moz-grabbing CSS mouse cursor -moz-grabbing (Sadece Firefox, SeaMonkey)
-moz-zoom-in CSS mouse cursor -moz-zoom-in (Sadece Firefox, SeaMonkey)
-moz-zoom-out CSS mouse cursor -moz-zoom-out (Sadece Firefox, SeaMonkey)

Aşağıdaki örnek, CSS cursor özelliği ile varolan ve varolmayan .CUR uzantılı fare işaretçi dosyalarının kullanımını göstermektedir.

<style type="text/css">
#olanCursor,
#olmayanCursor {
	width:150px;
	height:120px;
	margin:6px;
}
#olanCursor {
	cursor: url(bicim/isaretciler/mynotlar_cursor.cur), auto;
	background-color:#60F0B0;
	float:left;
}
#olmayanCursor {
	cursor: url(olmayan_isaretci.cur), pointer;
	background-color:#60B0F0;
}
</style>

<div id="olanCursor"></div>
<div id="olmayanCursor"></div>
Test Edin
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |