Стиль активного элемента

Описание

Определяет стиль активного элемента. Это такое состояние элемента, которое происходит между щелчком и отпусканием клавиши мыши. В основном применяется к ссылкам и кнопкам, но ими не ограничен.

Синтаксис

Селектор:active { ... }

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#act:active {
font-size: 2em;
color: red;
}
</style>
<a href='#' id='act'>Нажми и держи</a>
</body>
</html>

Читайте также

Стиль непосещенных ссылок

Псевдокласс :link применяется к ссылкам, которые ещё не посещались пользователем, и задаёт для них стилевое оформление....

Стиль выделенного пользователем текста

Псевдоэлемент ::selection применяет стиль к выделенному пользователем тексту. В правилах стилей допускается использовать следующие свойства: color, ba...

Свойство place-content

Сокращённое свойство place-content одновременно устанавливает значения свойств align-content и justify-content....

Свойство outline-style

Устанавливает стиль внешней границы элемента.

В отличие от линии, задаваемой через border, линия через outline отображается вокруг элемента, не...