::selection
::selection ile metin seçim stillerini öğrenirsin.
::selection nedir?
::selection sözde elementi, kullanıcı fareyle veya klavyeyle seçtiği metni biçimler. ::selection { background: navy; color: white; } yazarsan, seçilen her parça lacivert arka plan üzerine beyaz yazı olur.
Bu sözde element bir öğeye değil, kullanıcının eylemine yanıt verir. Bir seçiciyle de birleştirilebilir: p::selection yalnızca paragraflar içindeki seçimleri boyar.
İzinli özellikler
::selection her özelliği kabul etmez; tarayıcı yalnızca birkaçını izin verir. color, background-color, text-decoration ve gölge gibi değerler çalışır; margin, padding veya display yok sayılır.
Sınırlama bilinçlidir: seçim geçici bir vurgudur ve yerleşimi bozmamalıdır. Bu yüzden yalnızca görsel vurguya izin verilir; kutu ölçüsünü değiştirecek özellikler engellenir.
Uygulama ::selection ile renk tanımla
Bir ::selection sözde elementi yaz ve içine background: navy ile color: white tanımla. Böylece kullanıcı sayfada metin seçtiğinde seçim lacivert zemin üzerine beyaz olur.
Örnek çözümü göster
/* sayfa seçim rengini ayarla */
::selection {
background: navy;
color: white;
}Kendini test et
-
Hangi özellik ::selection içinde çalışır?
::selection { /* ? */ }- display
- margin
- position
- background-color
Cevabı göster
background-color — Doğru. background-color seçimin arka planını boyar; ::selection'da izin verilen bir özelliktir.
-
::selection bloğunu yaz
____ { background: navy; color: white; }Cevabı göster
::selection { background: navy; color: white; } -
Sözde elementi neyi biçimlediğine eşle
- ::selection
- Seçili metin
- ::first-letter
- İlk harf
- ::placeholder
- Input ipucu
- ::after
- İçerik sonrası