Свойство CSS quotes
Определение и использование
атрибут quotes устанавливает тип кавычек для вложенных цитат (вложенных цитат).
См. также:
Руководство по HTML DOM:атрибут quotes
Пример
q:lang(en)
{
quotes: '"' '"' "'" "'";
}
HTML код:
<html lang="en"> <head> </head> <body> <p><q>This is a <q>big</q> quote</q></p> </body> </html>
Вывод:
"This is a 'big' quote"
CSS синтаксис
quotes: none|string|initial|inherit;
Значение атрибута
| Значение | Описание |
|---|---|
| none | Определяет, что значения "open-quote" и "close-quote" атрибута "content" не должны создавать какие-либо кавычки. |
| string string string string |
Определяет используемые кавычки. Первые два значения определяют вложение первого уровня цитат, последние два значения определяют вложение следующего уровня кавычек. |
| inherit | Определяет, что значение атрибута quotes должно наследоваться от родительского элемента. |
Технические детали
| Значение по умолчанию: | не указано |
|---|---|
| Инheritability: | да |
| Версия: | CSS2 |
| JavaScript синтаксис: | объект.style.quotes="none" |
знаки кавычек
Поддержка браузерами
Числа в таблице указывают на первую версию браузера, которая поддерживает этот атрибут полностью.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 11.0 | 8.0 | 1.5 | 5.1 | 4.0 |
Примечание:Если уже определен !DOCTYPE, то Internet Explorer 8 (и более новые версии) поддерживают атрибут quotes.
