cursor özelliği, bir elementin üzerine gelindiğinde
imlecin görünümünü ayarlar.
Sözdizimi
cssseç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.