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

::before создает псевдоэлемент, который является первым потомком элемента. Обычно используется для создания декоративных элементов для выбранного элемента. Можно встретить вариант как с одним двоеточием так и с двумя. Два двоеточия пришли к нам в CSS3

  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Примеры

Использование псевдоэлемента before

При помощи псевдоэлемента ::before можно создавать различные декоративные элементы, например полоску до содержимого

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

:first-of-type первый потомок по типу align-content выравнивание строк вдоль поперечной оси flex/grid animation-direction направление анимации border-left граница слева border-left-style стиль границы слева border-left-width толщина границы слева border-right-width толщина границы справа flex-wrap перенос элементов flex контейнера grid-row-gap отступ между строк grid сетки padding внутренний отступ padding-bottom внутренний отступ снизу text-align-last выравнивание текста последней строки transition-delay задержка перед запуском перехода transition-timing-function функция расчета перехода width ширина элемента

Обсуждение (1)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии

Евгений
Не отображает картинки примеров использования в реальном коде ни в хроме ни в мазило фф(((((