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

Псевдоэлемент ::-moz-color-swatch

Псевдоэлемент ::-moz-color-swatch позволяет изменить стиль поля для выбора цвета, созданного с помощью элемента input.

Псевдоэлемент ::-moz-focus-inner

Псевдоэлемент ::-moz-focus-inner определяет стиль внутренней области кнопки при получении фокуса.

Псевдоэлемент ::-moz-list-bullet

Псевдоэлемент ::-moz-list-bullet позволяет менять стиль маркеров в маркированном списке ul.

Псевдоэлемент ::-moz-list-number

Псевдоэлемент ::-moz-list-number позволяет менять стиль чисел в нумерованном списке ol.

Псевдоэлемент ::-moz-meter-bar

Псевдоэлемент ::-moz-meter-bar используется для изменения стиля полосы шкалы элемента <meter> в браузере Firefox.

Псевдоэлемент ::-moz-progress-bar

Псевдоэлемент ::-moz-progress-bar позволяет изменить стиль индикатора прогресса, созданного с помощью элемента progress.

Псевдоэлемент ::-moz-range-progress

Псевдоэлемент ::-moz-range-progress позволяет изменить стиль дорожки значения слайдера, созданного с помощью элемента input.

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

Псевдоэлемент ::-moz-range-thumb позволяет изменить стиль ползунка слайдера, созданного с помощью элемента input.

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

Псевдоэлемент ::-moz-range-track позволяет изменить стиль дорожки слайдера, созданного с помощью элемента input.

Псевдоэлемент ::-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.

Псевдоэлемент ::-webkit-color-swatch

Псевдоэлемент ::-webkit-color-swatch позволяет изменить стиль поля для выбора цвета, созданного с помощью элемента input.

Псевдоэлемент ::-webkit-meter-bar

Псевдоэлемент ::-webkit-meter-bar используется для изменения стиля полосы шкалы элемента meter.

Псевдоэлемент ::-webkit-meter-even-less-good-value

Псевдоэлемент ::-webkit-meter-even-less-good-value используется для изменения стиля шкалы элемента <meter>, когда значение далеко от оптимального.

Псевдоэлемент ::-webkit-meter-optimum-value

Псевдоэлемент ::-webkit-meter-optimum-value используется для изменения стиля шкалы элемента meter, когда значение оптимальное.

Псевдоэлемент ::-webkit-meter-suboptimum-value

Псевдоэлемент ::-webkit-meter-suboptimum-value используется для изменения стиля шкалы элемента meter, когда значение близко к оптимальному.

Псевдоэлемент ::-webkit-progress-bar

Псевдоэлемент ::-webkit-progress-bar позволяет изменить стиль индикатора прогресса, созданного с помощью элемента progress.

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

Псевдоэлемент ::-webkit-progress-value позволяет изменить стиль шкалы значения индикатора прогресса, созданного с помощью элемента progress.

Псевдоэлемент ::-webkit-scrollbar

Псевдоэлемент ::-webkit-scrollbar меняет стиль полосы прокрутки элемента при её наличии.

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

Псевдоэлемент ::-webkit-scrollbar меняет стиль полосы прокрутки элемента при её наличии.

Псевдоэлемент ::-webkit-search-cancel-button

Псевдоэлемент ::-webkit-search-cancel-button позволяет изменить стиль кнопки для очистки результатов в поле для поиска.

поля для выбора цвета, созданного с помощью элемента input.

Псевдоэлемент ::-webkit-search-results-button

Псевдоэлемент ::-webkit-search-results-button позволяет изменить стиль кнопки в поле для поиска, при щелчке по которой отображается список из предыдущих запросов.

Псевдоэлемент ::-webkit-slider-runnable-track

Псевдоэлемент ::-webkit-slider-runnable-track позволяет изменить стиль дорожки слайдера, созданного с помощью элемента input.

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

Псевдоэлемент ::-webkit-slider-thumb позволяет изменить стиль ползунка слайдера, созданного с помощью элемента input.

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

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

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

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

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

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

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

Псевдоэлемент ::first-letter определяет стиль первой буквы в тексте элемента, к которому добавляется.

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

Псевдоэлемент ::first-line задаёт стиль первой строки форматированного текста.

Псевдоэлемент ::grammar-error

Псевдоэлемент ::grammar-error применяет стиль к фрагменту текста, который браузер помечает как написанный с грамматическими ошибками.

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

Псевдоэлемент ::marker позволяет устанавливать вид маркера через свойство content, а также управлять стилем маркера, например, менять его цвет или параметры шрифта.

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

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

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

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

Псевдоэлемент ::spelling-error

Псевдоэлемент ::spelling-error применяет стиль к фрагменту текста, который браузер помечает как написанный с орфографической ошибкой.