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



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

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

none кавычки определяются значениями open-quote (открывающая кавычка) и close-quote (закрывающая кавычка)
[string string]+ вместо первого кл. слова подставляются две пары парных кавычки, которые будут определять верхний уровень вложенности кавычек, вместо второго кл. слова так же указываются две пары парных кавычек, которые определяют вложенные кавычки.

Пример вложенных кавычек

  1.Q { quotes: '"' '"' '`' '`' }
  2.
либо -
  1.Q {quotes: "«" "»" "<" ">" }
  2.

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML lang="en">
  3. <HEAD>
  4. <TITLE>Два уровня вложенности кавычек в CSS</TITLE>
  5.<STYLE type="text/css">
  6./* Уровни вложенности кавычек */
  7.Q { quotes: '"' '"' '`' '`' }
  8.</STYLE>
  9.</HEAD>
10.<BODY>
11. <P>
12. <Q>Мы — послушные куклы в руках у Творца!
13. Это сказано мною не ради словца.
14. Нас по сцене Всевышний на ниточках водит
15. И пихает в сундук, доведя до <q>конца</q>.</Q>
16.</BODY>
17.</HTML>
18.
Два уровня вложенности кавычек в CSS
Два уровня вложенности кавычек в CSS

Не забывайте, что кавычки допустимо устанавливать и с помощью автоматически создаваемого содержимого (content), и с помощью значений open-quote и 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.Q:before { content: open-quote }
  7.Q:after { content: close-quote }
  8.</STYLE>
  9.</HEAD>
10.<BODY>
11. <P><Q> У короткого ума — длинный язык. <q> Аристофан
12.</q></Q>
13.
14.</BODY>
15.</HTML>
16.
17.

При этом следует учитывать, что допускается один уровень вложенности, все последующие вложенные кавычки будут соответствовать этому уровню вложенности.

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Максимальный уровень вложенности кавычек в CSS2</TITLE>
  5.<STYLE type="text/css">
  6.Q:before { content: open-quote }
  7.Q:after { content: close-quote }
  8.</STYLE>
  9.</HEAD>
10.<BODY>
11. <P><Q>Кавычки в CSS2.
12. <q>Это максимальный уровень вложенности кавычек.
13. <q>Здесь кавычки такие же как и у родительского элемента.
14. </q>. Окончание родительского элемента</q></Q>
15.</BODY>
16.</HTML>
17.
Свойство content и кавычки
Свойство content и кавычки

В качестве значений свойства quotes допустимы символы в кодировке ISO 10646.

Таблица символов в кодировке ISO 10646.

" В0022
' 0027
< 2039
> 203A
<< 00AB
>> 00BB
` 2018
' В2019
`` 201C
'' 201D
,, 201E

Дополнительный пример, в котором допустим один уровень вложенности кавычек:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Кавычки в кодировке ISO 10646</TITLE>
  5.<STYLE type="text/css">
  6.Q:before { content: \2018 }
  7.Q:after { content: \2018 }
  8.</STYLE>
  9.</HEAD>
10.<BODY>
11. <P><Q>Кавычки в CSS2.
12. <q>Это максимальный уровень вложенности кавычек.
13. <q>Здесь кавычки такие же как и у родительского элемента.
14. </q>. Окончание родительского элемента</q></Q>
15.</BODY>
16.</HTML>
17.
Кавычки в кодировке ISO 10646
Кавычки в кодировке ISO 10646


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

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