Путь: Заметки о вёрстке сайтов > CSS > 5

Генерация контента свойством CONTENT

20 июня 2001 г.

Прелесть свойства content в том, что вы можете вставлять в текст документа заданную вами строку (без HTML тегов) или, согласно спецификации, любой указанный с помощью конструкции URL(…) документ.

В CSS Level 2 есть замечательное свойство, называемое content. Применять его следует вместе с псевдоэлементами :before и :after.

На данный момент, к сожалению, этот механизм частично поддерживается только браузерами Netscape Navigator 6 и Opera 4+.

Прелесть свойства content в том, что вы можете вставлять в текст документа заданную вами строку (без HTML тегов — они не воспринимаются) или, согласно спецификации, любой указанный с помощью конструкции URL(…) документ. На практике, однако, в Netscape Navigator 6 и Opera 4+ можно вставлять только текст.

Особенно успешно это свойство применимо при задании стилей во внешнем CSS файле с последующим связыванием файла с HTML документом посредством тега link. Достаточно изменить строку в таблице стилей, и на всех связанных страницах пользователи увидят новый текст.

Пример:

p.shortmessage:after {content:"That's it, folks..."}

Если у вас Netscape Navigator 6 или Opera 4+, то после этого предложения вы увидите результат.