Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
content

Значения данного свойства:

string Простой текст
uri Встраиваемый объект (изображение, звук и тд.)
counter счетчик
attr(X) значение атрибут текущего элемента
open-quote открывающая кавычка
close-quote закрывающая кавычка
no-open-quote отображается как пустая строка, но контролирует уровень вложенности кавычек
no-close-quote отображается как пустая строка, но контролирует уровень вложенности кавычек

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Свойство content и атрибуты элемента</TITLE>
  5.<STYLE type="text/css">
  6.P.note:after {
  7.content: url(img.jpg) "-" attr(alt);
  8.}
  9.P.note {border: solid green}
10.</STYLE>
11.</HEAD>
12.<BODY>
13.<DIV>
14.<P class="note" alt="Роза">
15.Этот текст будет расположен до рисунка и текста атрибута alt</P>
16.</DIV>
17.
18.</BODY>
19.</HTML>
20.
Свойство content и атрибуты элемента
Свойство content и атрибуты элемента

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Свойство content и атрибуты элемента</TITLE>
  5.<STYLE type="text/css">
  6.P.note:after {
  7.content: " (Класс этого элемента - " attr(class) ") а атрибут alt - " attr(alt) ;
  8.}
  9.P.note {border: solid green}
10.</STYLE>
11.</HEAD>
12.<BODY>
13.<DIV>
14.<P class="note" alt="Привет я комментарий">
15.Простой пример автоматически генерируемого содержимого</P>
16.</DIV>
17.</BODY>
18.</HTML>
19.
Свойство content и атрибуты элемента
Свойство content и атрибуты элемента

Кавычки с использованием no-open-quote

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Свойство content и кавычки</TITLE>
  5.<STYLE type="text/css">
  6.P.note:after {
  7.content: no-open-quote;
  8.}
  9.P.note:before {
10.content: no-close-quote;
11.}
12.</STYLE>
13.</HEAD>
14.<BODY>
15.<DIV>
16.<P class="note" >Максим горький сказал:
17.<q>Для человека нет и не может быть ничего ближе человека</q>. </P>
18.
19.</DIV>
20.
21.
22.</BODY>
23.</HTML>
24.
Свойство content и кавычки
Свойство content и кавычки

С помощью свойства display допустимо контролировать местонахождение автоматически создаваемого содержимого.


Доступ и установка с jQuery

  • Получить свойство content: val = $("div").css("content");
  • Установить свойство content: $("div").css({"content":"..."});
  • Установить свойство content: $("div").css("content","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org