Псевдоэлементы

Псевдоэлементы позволяют задать стиль элементов не определённых в дереве элементов документа, а также генерировать содержимое, которого нет в исходном коде текста. Псевдоэлементы начинаются с ::, чтобы отличить их от псевдоклассов.

Псевдоэлемент ::-ms-browse

Позволяет задать стиль кнопки «Обзор» при загрузке файлов.

Псевдоэлемент ::-ms-check

Задаёт стиль переключателей и флажков в Internet Explorer.

Псевдоэлемент ::-ms-clear

Задаёт стиль кнопки для очистки текстового поля. Исходно эта кнопка не видна, она появляется в правой части поля только при вводе текста.

Псевдоэлемент ::-ms-expand

Задаёт стиль кнопки раскрытия списка формы в браузерах Internet Explorer и Edge.

Псевдоэлемент ::-ms-fill

Задаёт стиль индикатора прогресса в браузерах Internet Explorer и Edge. Само значение индикатора и его положение меняется динамически посредством скриптов.

Псевдоэлемент ::-ms-fill-lower

Задаёт стилевые параметры слайдера в браузерах Internet Explorer и Edge.

Псевдоэлемент ::-ms-fill-upper

Задаёт стилевые параметры слайдера в Internet Explorer и Edge.

Псевдоэлемент ::-ms-reveal

Задаёт стиль кнопки для просмотра пароля в поле формы. Кнопка исходно не видна и появляется в правой части поля при вводе пароля.

Псевдоэлемент ::-ms-thumb

Задаёт стиль ползунка для слайдера в Internet Explorer и Edge.

Псевдоэлемент ::-ms-ticks-after

Применяет стилевые параметры к делениям ниже дорожки слайдера в Internet Explorer и Edge.

Псевдоэлемент ::-ms-ticks-before

Применяет стилевые параметры к делениям выше дорожки слайдера в Internet Explorer и Edge.

Псевдоэлемент ::-ms-tooltip

Применяет стилевые параметры к всплывающей подсказке слайдера, где отображается выбранное текущее значение, в Internet Explorer и Edge.

Псевдоэлемент ::-ms-track

Задаёт стиль дорожки ползунка для слайдера в Internet Explorer и Edge.

Псевдоэлемент ::-ms-value

Позволяет изменять стиль элементов формы в браузерах Internet Explorer и Edge.

Псевдоэлемент ::after

Псевдоэлемент, который используется для вывода желаемого контента после содержимого элемента, к которому он добавляется.

Псевдоэлемент ::backdrop

Псевдоэлемент отображается ниже самого верхнего элемента в стеке по оси Z, но выше всех остальных элементов на странице, если они имеются. Обычно применяется для затемнения страницы, чтобы акцентировать внимание на фотографии или диалоговом окне, которые выводятся поверх такого затемнения.

Псевдоэлемент ::before

Применяется для отображения контента до содержимого элемента, к которому он добавляется.

Псевдоэлемент ::first-letter

Определяет стиль первого символа в тексте элемента, к которому добавляется.

Псевдоэлемент ::first-line

Задаёт стиль первой строки форматированного текста.

Псевдоэлемент ::placeholder

Псевдоэлемент, с помощью которого задаётся стилевое оформление подсказывающего текста, созданного атрибутом placeholder.

Псевдоэлемент ::selection

Применяет стиль к выделенному пользователем фрагменту текста.