Пример
Указывает кавычки для встроеных цитат:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
q:lang(en) { quotes: "«" "»" "'" "'"; }
</style>
</head>
<body>
<p><q>Это <q>большая</q> цитата.</q></p>
<p><b>Примечание:</b> Internet Explorer 8 (и выше) поддерживает свойство quotes если указан !DOCTYPE.</p>
</body>
</html>
Определение и использование
Свойство quotes устанавливает тип ковычек для встроеных цитат.
| Значение по умолчанию: | не указан |
|---|---|
| Унаследованный: | нет |
| Версия: | CSS2 |
| Синтакс JavaScript: | object.style.quotes="none" |
Поддержка браузеров
Свойство quotes поддерживается во всех ведущих браузерах.
Примечание: Internet Explorer 8 (и выше) поддерживает свойство quotes если указан !DOCTYPE.
Значения свойства
| Значение | Описание |
|---|---|
| none | Указывает, что значения "open-quote" и "close-quote" свойства content производят ковычки |
| строка строка строка строка | Указывает, какие символы ковычек использовать. Первые два значения, указывают первый уровень вложеной цитаты, следующие два значения указывают на следующий уровень вложеной цитаты, и т.д. |
| inherit | Указывает, что значение свойства quotes должно быть унаследовано от родительского элемента |
Символы кавычек
| Результат | Описание | Номер символа |
|---|---|---|
| " | двойные кавычки | " |
| ' | одинарные кавычки | ' |
| ‹ | одинарные, левые угловые кавычки | ‹ |
| › | одинарные, правые угловые кавычки | › |
| « | двойные, левые угловые кавычки | « |
| » | двойные, правые угловые кавычки | » |
| ‘ | левая кавычка (одинарная верхняя-6) | ‘ |
| ’ | правая кавычка (одинарная верхняя-9) | ’ |
| “ | левая кавычка (двойная верхняя-6) | “ |
| ” | правая кавычка (двойная верхняя-9) | ” |
| „ | двойная кавычка (двойная нижняя-9) | „ |
Связанные страницы
jQuery ссылка: css()
Была ли эта информация полезной?
