Css User Select Kullanımı

Merhaba Arkadaşlar,
Bu makalede Css’te user select özelliği nedir, nasıl kullanabiliriz onu öğreneceğiz.User select özelliği ile text seçimini engelleyebiliyoruz.Dört farklı değer alabilir.Bunlar :

      ► auto : Varsayılan değerdir.Tarayıcı izin verirse metinler seçilebilir.

      ► none : Metin seçimini engeller.

      ► text : Metinler kullanıcılar tarafından seçilebilir.

      ► all : Çift tıklama yerine tek tıklama ile metin seçimi yapılabilir.

Örneğin 2 adet <div> etiketi oluşturalım.Birinci div’de user select özelliğini kullanmadığımız için içindeki yazılar seçilebilir durumda.İkinci div’de ise user-select : none; özelliği ile yazı seçimini engelleyelim.Kodlarımız şu şekilde,

Tarayıcı Desteği

ÖzellikChromeIEFirefoxSafariOpera
user-select

54.0

6.0 -webkit-

10.0 -ms-2.0 -moz-3.1 -webkit-

41.0

15.0 -webkit-

Bu resimde tarayıcıların user-select özelliğini hangi versiyon ile birlikte sorunsuz desteklemeye başladığını görebilirsiniz.

Tarayıcı uyumluluğu ile ilgili daha kapsamlı ve güncel bilgi almak isterseniz caniuse sitesini ziyaret edebilirsiniz.

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

Önceki : Css Dersleri 39 – Cursor Kullanımı

Sonraki : Css Dersleri 41 – Scroll Behavior Kullanımı

Leave a Reply

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