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

before

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Версии браузеров 4.0 1.5 9.0 7.0 4.0
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Версии браузеров 2.1 1.0.1 7.1 12 5.1
Псевдоэлемент
::before — этот псевдоэлемент позволяет вставлять контент до элемента
Можно вставлять
Текстовый и графический контент
Правила записи
element::before { content: значение; }
Примеры
p::before{ content: "эээ… "; color: red; font-size: 200%; }

Шел крокодил, трубку курил, трубка упала и написала: эни бэни рики факи турбан урбан сентибряки дэл дэл кранснодэл БАЦ !

blockquote::before { content: "Отлично сказано " url("hand.png"); }

Большинство людей сердятся из-за обид, которые они сами сочинили, придавая глубокий смысл пустякам…

Луций Анней Сенека

ul { list-style-type: none; }
li::before { content: url("triangle.png"); }

  • значение списка 1
  • значение списка 2
  • значение списка 3
Поделиться