CSS: İmlecin görünümünü değiştir

İmleç özelliği, imlecin görünümünü bir web sayfasının bir öğesinde değiştirmenize izin verir.

İstemci, imleci bilgisayarında seçtiğiniz imlecin türüyle eşleşen otomatik olarak görüntüler.

Örnek

Çapraz şekilli bir imleç örneği (artı işaret):

 vücut {imleç: artı; } 

Elbette biri aynı sayfanın birkaç elemanına farklı stiller verebilir.

Görüntülerde kum saati şeklinde süslenmiş ve bağlantılarda el ile süslenmiş "beden" tarzında bir haç olarak stil örneği.

 vücut {imleç: artı; } img {imleç: bekle; } a: link {imleç: pointer; } 

Olası özelliklerin listesi

Tüm tarayıcılar tarafından kabul edildi

  • Self: Özniteliğe sahip olan etiketteki varsayılan imleçle aynı görünüm değişmez.
  • Varsayılan: İmleç varsayılan tarayıcı.
  • İşaretçi: İmleç parmağını katlanmış olarak el şeklinde.
  • Metin: İmleç metni düzenleme.
  • Yardım: İmleç yardımı.
  • Bekleyin: imleç bekleyin
  • İlerleme: Kaymak ilerlemesi.
  • Taşı: İmleç hareketi.
  • Artı işareti: İmleç şeklinde çapraz.

İmleçler yeniden boyutlandırılıyor

  • N-resize: İmleci aşağıya doğru yeniden boyutlandırır.
  • S-resize: kaydırıcıyı yukarıdan aşağıya doğru yeniden boyutlandırın.
  • E-resize: imleci soldan sağa yeniden boyutlandırır.
  • W-resize: imleci sağdan sola yeniden boyutlandır.
  • Yeniden boyutlandırma: İmleci, sol alttan sağa doğru yeniden boyutlandırın.
  • Nw-resize: İmleci, sağ alttan sola, yeniden boyutlandırın.
  • Se-resize (Yeniden boyutlandırma): imleci sol üstten sağa doğru yeniden boyutlandırın.
  • Sw-resize: imleci yukarıdan aşağıya, sola doğru yeniden boyutlandırın.
    • Şunu not edin: Aslında, tüm bu özellikleri bir kerede hatırlamak kolaydır.
    • n, s, e, w kuzey, güney, doğu, batı, yani yukarı, aşağı, sağ, sola karşılık gelir.
    • Basitçe imlecin hangi yönü gösterdiğini ve ardından "-resize" komutunu gösterin.

Tüm tarayıcılar tarafından desteklenmiyor

Firefox ve Opera, aşağıdaki yönergeleri dikkate almaz.

  • Devral: İmleç ana etiketi olarak bile.
  • İzin verilmez: İmleç biçimli yuvarlak çarpma.
  • No-drop: İmleç şeklindeki el parmakları ile ve yuvarlak bir katlanmış çizili.
  • Col-resize: İmleç her iki tarafta da ok bulunan iki dikey çizgidir.
  • Row-resize: İmleç her iki tarafta da ok bulunan iki yatay çizgidir.
Önceki Makale Sonraki Makale

En Ipuçları