Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и текст : content
смотрим также
Материал из Справочник Web-языков
Содержание |
Атрибут content | Свойство content
Устанавливает сгенерированное содержимое для вставки до или после элемента.
Синтаксис
| HTML | { content : sContent } |
| Скрипты | [ sContent = ] object.style.content[ = v ] |
Принимаемые значения
- sContent
- Строка, которая устанавливает или принимает одно из значений списка разделителей, включающего одно (или более) из следующих значений.
string Текстовое содержимое, заключенное в двойные (") или одинарные (') кавычки. counter(sCounter,[listStyle]) Возможные значения включают следующие: sCounter - идентификатор счетчика, может следовать за listStyle; listStyle - Необязательное, любое из диапазона значений из свойства listStyleType.
Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию для этого свойства является пустая строка, то есть фактически значение отсутсвует. Атрибут Каскадных таблиц стилей (CSS) не наследуется.
Замечания
Атрибут Content используется в связке с псевдоклассами :before и :after для генерирования содержимого документа.
Строки могут быть записаны в двойных (") или одинарных (') ковычках. Двойные ковычки не могут находиться внутри других двойных ковычек, кроме случаев, когда им предшествует символ обратной косой черты (\). Например, строка "\"" интерпретируется, как содержащая в себе один символ двойной ковычки.
Возможно разделение строк на несколько линий для красоты или по другим соображениям, используя обратную косую черту (\) как символ продолжения. Однако, сам символ разделения строк будет игнорироваться. Авторы могут включать разделители строк в сгенерированное содержимое, написав выходную последовательность \A в любом количестве строк после свойства content. Сгенерированный разрыв отобразится в соответствии со значением атрибута white-space.
Обратная косая черта также используется для генерирования символов перехода, которые не могут быть представлены в текущей символьной кодировке. В этом случае, обратная косая черта следует за шестью шестнадцатиричными символами (в диапазоне от 0-9 и A-F) для указания на символ с этим номером в таблице Unicode.
Для работы этого свойства необходим Internet Explorer 8.
Пример
В этом примере описывается процесс генерации фигурных скобок перед и после всех элементов H1 на странице.
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<style type="text/css">
H1:before {
content: "{ ";
}
H1:after {
content: " }";
}
</style>
Стандарты
Это свойство описано в Cascading Style Sheets (CSS), Level 2 Revision 1 (CSS2.1)
Поддерживаемые браузеры
Internet Explorer 8.0
Opera 7.0, 8.0, 9.2, 9.5
Safari 1.3, 2.0, 3.1
Firefox 1.5, 2.0, 3.0
Ссылки на источники
https://msdn.microsoft.com/en-us/library/cc304061(VS.85).aspx
