Css User Select Kullanımı

Bu yazımızda 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;

TARAYICI DESTEĞİ

ÖzellikChromeIEFirefoxSafariOpera
user-select

54.0

6.0 -webkit-

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

41.0

15.0 -webkit-

Bu tabloda 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.

Umarım sizin için faydalı bir yazı olmuştur.

Yeni bir yazımda görüşmek üzere.

Leave a Reply

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