Справочник по CSS : Тематический указатель : Псевдоклассы : :before

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

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

Определяет сгенерированный контент, который будет выведен перед элементом.

Синтаксис

HTML :before { sRules }
Скрипты N/A

Используемые значения

sRules
Строковое значение, которое определяет одну или более CSS-пару атрибут/значение.

Замечания

Псевдоэлементы :before и :after определяют контент, который будет выведен до и после элемента. Оба псевдоэлемента работают в связке с атрибутом content.

Псевдоэлемент со сгенерированным контентом взаимодействует с другими блочными элементами как будто тоже является настоящим блочным элементом. Элемент к которому добавляется сгенерированный контент при необходимости может расширяться, чтобы вместить его.

Стиль для псевдоэлемента :before наследуется от элемента, перед которым он добавляется.

Если псевдоэлемент :before добавляется к встроенному элементу, то значения для свойства display могут быть только inline и none. Если заданы другие значения, то они в любом случае будут трактоваться как inline.

Если псевдоэлемент :before добавляется к блочному элементу, то значения для свойства display могут быть только block, inline, none и marker. Если заданы другие значения, то они в любом случае будут трактоваться как block.

Примеры

В примере используется псевдоэлемент :before для добавления слова Note: перед любым элементом p, который принадлежажит классу note.

p.note:before { content: "Note: " } 

Стандарты

Этот псевдоэлемент определен в 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

Смотрите также

content

Ссылки на источники

https://msdn.microsoft.com/en-us/library/cc304078(VS.85).aspx

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования