Характеристики свойства
В каких браузерах работает?
| 8.0+ | 11.0+ | 4.0+ | 5.1+ | 1.5+ | 2.1+ | - |
В каких версиях CSS используется?
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
| - | + | + | + |
Для чего используется?
Свойство контролирует стилистику кавычек. Это необходимо при использовании разных языков, так как для каждого языка есть особое оформление кавычек. Также целесообразно использовать свойство просто из эстетических соображений. Кавычки могут добавляться через тег q или через свойство content при использовании команд open-quote и close-quote.
Как правильно задавать?
quotes:тип кавычек;
Какие могут быть значения?
Для значений используют или знак кавычек, или юникод. Примеры приведены ниже:
| Разновидность кавычки | HTML кодировка | Юникод |
| " | " |
\0022 |
| ' | ' |
\0027 |
| « | « или « |
\00ab |
| » | » или » |
\00bb |
| ‘ | ‘ |
\2018 |
| ’ | ’ |
\2019 |
| “ | “ |
\201c |
| ” | ” |
\201d |
| „ | „ |
\201e |
- none - отменяет вывод кавычек.
- inherit - повторяет кавычки родительского элемента.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство quotes</title> <style> q { font-style: italic; color: #b04d4d; quotes: "\201c" "\201e"; } </style> </head> <body> <p>Один умный человек однажды сказал: <q>Хочешь мира - готовься к войне</q>.</p> </body> </html>
По итогу получаем
Тип CSS свойства:
Контент