Виділення зазвичай використовується для копіювання в буфер фрагмента тексту, щоб потім вставити виділений фрагмент в інше місце. Наприклад, текстовий редактор для подальшої правки тексту. Сам колір і фон виділеного фрагмента визначається налаштуваннями операційної системи, але за допомогою CSS ці параметри можна встановити самостійно.
Щоб вказати колір і фон виділеного тексту застосовується псевдоелемент : selection, в якому задаються властивості color та background, як показано в прикладі 1 .
Приклад 1. Колір виділеного тексту
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Виділення</title> <style> ::selection { background: #809778; /* Колір тла */
color: #fff; /* Колір тексту */
}
</style>
</head>
<body> <p>В умовах електромагнітних перешкод, неминучих при польових вимірах, не завжди можна визначити, коли саме хвиля спостерігає кварк</p>
</body>
</html>Результат цього прикладу показаний на рис. 1.
Мал. 1. Колір і фон виділеного тексту