/css/quotes:> Тип кавычек_

Свойство quotes

Синтаксис

CSS 2‒2.2
CSS 3
quotes: [<строка> <строка>]+ | none | inherit;

Описание

Свойство quotes указывает, какими кавычками должны быть обозначены цитаты вставленные в текст с помощью (дочерних) элементов q.

Применяется: ко всем элементам;
Наследование: присутствует;
Проценты: не используются;
Медиа: визуальные.

Примечание

Существуют различные типы кавычек, использование (в том числе и существование) которых обусловлено историческим процессом в области печати (то есть для каждого языка или даже группы языков характерно использование конкретных типов кавычек).

JavaScript

[объект].style.quotes="[значение]";


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Значения

[<строка> <строка>]
Указываются две строки содержащие необходимые кавычки. В первой строке указывается «открывающая» кавычка, а во второй строке указывается «закрывающая» кавычка.

Текст обрамлённый кавычками quotes: '«' '»'

Кавычки: " (&quot;), ' (&apos;), (&lsaquo;), (&rsaquo;), « (&laquo;), » (&raquo;), (&lsquo;), (&rsquo;), (&ldquo;), (&rdquo;), (&bdquo;);

Примечание: через пробел можно па́рами ('открывающая' 'закрывающая') задавать сразу несколько кавычек, указав тем самым последовательность их использования в тексте с несколькими уровнями вложенности цитат.

quotes: '“' '”' '«' '»';

Условия использования: технические кавычки («'», «"») обрамляющие указываемые кавычки не должны совпадать.

quotes: '"' "'";

none
Запрещает автоматическое добавление кавычек.
inherit
Указывает, что элемент должен унаследовать параметры родительского элемента.

Начальное значение: Зависит от агента пользователя.


Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство quotes</title>
<style type="text/css">
q { quotes: '«' '»' '“' '”'; }
</style>
</head>
<body>
<h1>Тип кавычек</h1>
<h2>Пример</h2>
<p>Иван Ильин сказал: <q>Нельзя сомневаться ― <q>во всём</q>, даже в самом сомнении своём. Это уже смерть и тление</q>.</p>
</body>
</html>
Свойство quotes