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

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

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

Примеры

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

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

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

:first-of-type первый потомок по типу :focus фокус на элементе :last-child последний дочерний элемент align-self выравнивает элемент flex/grid по поперечной оси background-blend-mode Способ наложения фона border-left-style стиль границы слева border-right-color цвет границы справа border-right-width толщина границы справа border-top-left-radius закругление верхнего левого угла bottom позиция от нижнего края font-style наклон шрифта grid-row-gap отступ между строк grid сетки list-style-image изображение маркера элементов списка max-height максимальная высота object-position Позиция заполняемого элемента

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

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

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