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

after

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Версии браузеров 4.0 1.5 9.0 7.0 4.0
Мобильные браузеры Android Firefox Mobile IE Mobile Opera Mobile Safari Mobile
Версии браузеров 2.1 1.0.1 10 12 3.2
Псевдоэлемент
::after — этот псевдоэлемент позволяет вставлять контент после элемента
Можно вставлять
Текстовый и графический контент
Правила записи
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
Поделиться