Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS Свойство content


CSS Справочник Полный CSS Справочник

Пример

Следующий пример вставляет адрес URL в круглых скобках после каждой ссылки:

a:after
{
content: " (" attr(href) ")";
}

Попробуйте сами »

Определение и Использование

Свойство content используется с псевдо-элементами :before и :after для вставки сгенерированного контента.

Значение по умолчанию: normal
Наследуется: нет
Версия: CSS2
JavaScript синтаксис: объект.style.content="url(beep.wav)"


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство content поддерживается всеми основными браузерами.

Замечание: IE8 поддерживает свойство content, только если указано объявление типа документа !DOCTYPE.


Значения Свойства Контента

Значение Описание Пример
none Устанавливает контент, если указан, в пустую строку Попробуйте сами »
normal Устанавливает контент, если указан, в нормальный, значение по умолчанию для этого значения равно "none" (т.е. пустая строка) Попробуйте сами »
counter Устанавливает контент - счетчик Попробуйте сами »
attr(атрибут) Устанавливает контент в значение одного из атрибутов селектора Попробуйте сами »
строка Устанавливает контент в указанный вами текст Попробуйте сами »
open-quote Устанавливает контент в открывающую кавычку Попробуйте сами »
close-quote Устанавливает контент в закрывающую кавычку Попробуйте сами »
no-open-quote Удаляет открывающую кавычку из контента, если имеется Попробуйте сами »
no-close-quote Удаляет закрывающую кавычку из контента, если имеется Попробуйте сами »
url(url) Устанавливает контент в один из видов медиа (изображение, звук, видео, и т.д.) Попробуйте сами »
inherit Указывает, что значение свойства content должно наследоваться от родительского элемента


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru