Справочник по CSS : Тематический указатель : Псевдоклассы : :after
смотрим также
Материал из Справочник Web-языков
Содержание |
Псевдоэлемент :after
Определяет сгенерированный контент, который будет выведен после элемента.
Синтаксис
HTML | :after { sRules } |
Скрипты | N/A |
Используемые значения
- sRules
- Строковое значение, которое определяет одну или более CSS-пару атрибут/значение.
Замечания
Псевдоэлементы :before и :after определяют контент, который будет выведен до и после элемента. Оба псевдоэлемента работают в связке с атрибутом content.
Псевдоэлемент со сгенерированным контентом взаимодействует с другими блочными элементами как будто тоже является настоящим блочным элементом. Элемент к которому добавляется сгенерированный контент при необходимости может расширяться, чтобы вместить его.
Если псевдоэлемент :after добавляется к встроенному элементу, то значения для свойства display могут быть только inline и none. Если заданы другие значения, то они в любом случае будут трактоваться как inline.
Если псевдоэлемент :after добавляется к блочному элементу, то значения для свойства display могут быть только block, inline, none и marker. Если заданы другие значения, то они в любом случае будут трактоваться как block.
Примеры
В примере используется псевдоэлементы :after и :before для добавления до и после элемента H1 фигурных скобок.
H1:before { content: "{ "; } H1:after { content: " }"; }
Стандарты
Этот псевдоэлемент определен в CSS, Level 2 Revision 1 (CSS2.1)
Поддерживаемые браузеры
Internet Explorer 8.0
Opera 7.0, 8.0, 9.2, 9.5, 10.0
Safari 1.3, 2.0, 3.1
Firefox 1.5, 2.0, 3.0
Смотрите также
Ссылки на источники
https://msdn.microsoft.com/en-us/library/cc304076(VS.85).aspx