Bu yazımızda 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;
|
1 2 3 |
cursor : verilecek değer ; |
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.
¡ url değeri ile, belirttiğimiz bir resmi fare imleci olarak kullanabiliriz.
Umarım sizin için faydalı bir yazı olmuştur.
Yeni bir yazımda görüşmek üzere.
