::selection seçicisi, kullanıcının bir metin seçtiğinde (örneğin fareyle bir kelime veya cümle seçtiğinde) seçilen metnin biçimlendirmesini belirlemek için kullanılır. Aşağıdaki örnekte, seçili metnin arka plan rengini ve yazı rengini değiştirerek bu seçiciyi kullanacağız.
HTML kodumuz şu şekilde olabilir:
<!DOCTYPE html>
<html>
<head>
<title>Selection Seçici Kullanımı</title>
<style>
::selection {
background-color: #007bff; /* mavi arka plan */
color: #fff; /* beyaz yazı rengi */
}
body {
font-size: 24px; /* sayfa yazı tipi boyutu */
}
</style>
</head>
<body>
<h1>Selection Seçici Kullanımı</h1>
<p>Bu örnekte, ::selection seçicisi kullanılarak seçilen metnin arka plan rengi ve yazı rengi değiştirilmiştir.</p>
<p>Bu, özellikle kullanıcıların metin seçtiği bir web uygulamasında, kullanıcı deneyimini artırmak için kullanışlı bir yöntem olabilir.</p>
</body>
</html>
Yukarıdaki örnekte, ::selection seçicisi kullanılarak seçilen metnin arka plan rengi ve yazı rengi belirlenmiştir. CSS stil sayfamızda, ::selection seçicisine ait özellikleri tanımladık ve sayfa yazı tipi boyutunu ayarladık. Seçilen metin herhangi bir yerde göründüğünde, bu özellikler uygulanacaktır.
Bu örnek, kullanıcının seçtiği metni biçimlendirmek için ::selection seçicisini nasıl kullanacağınızı göstermektedir.
Bu uygulamada herhangi bir sorun yaşarsanız aşağıya yorum olarak bırakabilirsiniz. Bunun yanı sıra web sitemizdeki diğer hazır Html programlama örneklerine ulaşmak için bu linke tıklayabilirsiniz.