cursor özelliği, bir elementin üzerine gelindiğinde
imlecin görünümünü ayarlar.
Sözdizimi
seçici {
cursor: değer;
}
Not
Özelliğin oldukça fazla değeri vardır. Aşağıda
bu değerleri, daha kolay anlaşılabilmesi için
gruplandırdım. İmlecin görünümü tarayıcılar arasında
farklılık gösterdiğinden, imleçlerin fotoğraflarını
çekmek yerine, değer tablolarında fareyi hücrenin
üzerine getirerek söz konusu imlecin görünümünü
görebileceğiniz özel bir sütun oluşturdum.
Değerler
| Değer |
Açıklama |
Görünüm |
default |
Ok şeklindeki standart işaretçi görünümü.
|
|
pointer |
Elementin aktif olduğunu ve tıklanabilir
olduğunu göstermek için kullanılır
(bağlantılar için varsayılan değer budur).
|
|
help |
Elementle ilişkili bir yardım veya soru
olduğunu göstermek için kullanılır.
|
|
not-allowed |
İşlemin geçersiz olduğunu göstermek için kullanılır.
|
|
Metin
| Değer |
Açıklama |
Görünüm |
text |
Dikey çubuk şeklindeki standart metin imleci.
|
|
vertical-text |
Dikey metin için metin imleci.
|
|
Bekleme
| Değer |
Açıklama |
Görünüm |
progress |
Bir işlemin devam ettiğini ve kullanıcının
beklemesi gerektiğini göstermek için kullanılır.
|
|
wait |
Kullanıcının beklemesi gerektiğini
göstermek için kullanılır.
|
|
Boyut Değişikliği İmleci
Bir elementin boyutları değiştirilirken özellik değeri
şu şekilde oluşturulur: resize kelimesinin
önüne tire ile ayrılan bir veya birkaç harf,
örneğin: n-resize veya ne-resize.
Bu harfler, yönlerin İngilizce isimlerinin ilk
harfleridir: north - kuzey, south - güney, east - doğu,
west - batı. Bu durumda, arazi haritaları için kabul
edilen kurallar kullanılır:
yukarısı kuzey, aşağısı güney, solu batı, sağı
doğu. Elbette bu kafa karıştırıcıdır, ancak öyle
tasarlanmış şekilde kullanmak gerekecek:)
İşte değerler:
| Değer |
Yön |
Yön İsmi |
Görünüm |
n-resize |
yukarı |
north |
|
ne-resize |
sağ yukarı |
nord east |
|
e-resize |
sağ |
east |
|
se-resize |
sağ aşağı |
south east |
|
s-resize |
aşağı |
south |
|
sw-resize |
sol aşağı |
south west |
|
w-resize |
sol |
west |
|
nw-resize |
sol yukarı |
nord west |
|
nesw-resize |
sağ yukarı ve sol aşağı |
nord east - south west |
|
nwse-resize |
sol yukarı ve sağ aşağı |
nord west - south east |
|
İki Elementin Boyutunun Değiştirilmesi
| Değer |
Açıklama |
Görünüm |
col-resize |
Yatay olarak boyut değişikliği. |
|
row-resize |
Dikey olarak boyut değişikliği. |
|
Yakınlaştırma/Uzaklaştırma
| Değer |
Açıklama |
Görünüm |
zoom-in |
Yakınlaştırma. |
|
zoom-out |
Uzaklaştırma. |
|
Taşıma
| Değer |
Açıklama |
Görünüm |
move |
Elementin taşınabileceğini veya taşıma
anını göstermek için kullanılır.
|
|
all-scroll |
Elementin fare ile her yönde
kaydırılabileceğini göstermek için kullanılır.
|
|
Çeşitli
| Değer |
Açıklama |
Görünüm |
crosshair |
Hedef görünümü.
|
|
cell |
Hedef görünümü.
|
|
