Css Cursor Kullanımı

Merhaba Arkadaşlar,
Bu makalede Css’te cursor özelliği nedir, nasıl kullanabiliriz onu öğreneceğiz.Cursor özelliği ile fare imlecinin görünümünü değiştirebiliyoruz.Yaklaşık 35 farklı değer vererek farklı görünümler elde edebiliyoruz.Kullanımı şu şekilde.

Pointer event özelliği

Bu özellik, cursor özelliğine vermiş olduğumuz değerin işlevselliğini kaybetmesini sağlar.2 farklı değer alır.Bunlar :

      ► auto : Varsayılan değerdir.Herhangi bir etki yapmaz.

      ► none : Cursor özelliğine vermiş olduğumuz değerin işlevsel olmamasını sağlar.

Örneğimizde herbir değer için ayrı bir <p> etiketi tanımlayalım ve cursor özelliği ile bu etiketlerin üzerine gelindiğinde fare imlecinin görünümlerini değiştirelim.Son iki örnekte ise p etiketlerine cursor: zoom-in; değeri verelim.pointer event : none; özelliği ile ikinci p etiketinin, cursor değeri verdiğimiz halde işlevsel olmamasını sağlayalım.

Dikkat : url değeri ile, belirttiğimiz bir resmi fare imleci olarak kullanabiliriz.

Yeni bir makalede görüşmek üzere.

Önceki : Css Dersleri 38 – Media Kullanımı

Sonraki : Css Dersleri 40 – User Select Kullanımı

Leave a Reply

TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +