Свойство content используется с псевдо-элементами :before и :after для вставки сгенерированного контента, так же допускается указывать несколько значений.
| Значение по умолчанию: |
normal |
| Наследуется: |
нет |
| Версия: |
CSS2 |
| Синтаксис JavaScript: |
object.style.content="url(beep.wav)" |
| Значение |
Описание |
| none |
Отменяет вставку контента, который может быть унаследован. |
| normal |
Приводит содержимое элемента в первоначальное состояние, т.е. убирает все вставки, которые были у элемента. |
| counter |
Добавляет счетчик(нумерацию элементов). Обычно используется совместно со свойствами: counter-increment и counter-reset. |
| attr(атрибут) |
Добавляет значение указанного атрибута к контенту. |
| "строка" |
Вставляет указанный вами текст. |
| open-quote |
Устанавливает открывающие кавычки. |
| close-quote |
Устанавливает закрывающие кавычки. Использование невозможно без предшествующего значения open-quote. |
| no-open-quote |
Удаляет открывающие кавычки из контента, установленные с помощью open-quote. |
| no-close-quote |
Удаляет закрывающие кавычки из контента, установленные с помощью close-quote. |
| url(url) |
Добавляет к контенту один из видов медиа файлов(изображение, звук, видео, и т.д.). |
| inherit |
Указывает, что значение наследуется от родительского элемента. |
Пример
html
head
style type="text/css"
p:before { content:"Прочитайте -"; }
/style
/head
body
pМеня зовут Дональд/p
pЯ проживаю в Даксбурге./p
/body
/html
|