Перейти к содержанию

quotes

Свойство quotes устанавливает тип кавычек, который применяется в тексте документа.

В каждом языке существуют свои традиции для обозначения кавычек, свойство quotes позволяет задать вид их отображения по всему тексту и установить, таким образом, его единообразное оформление. Добавление кавычек происходит автоматически для содержимого контейнера <q>, а также для текста, к которому применяется стилевое свойство content со значением open-quote (открывающая кавычка) или close-quote (закрывающая кавычка).

Демо

Списки, счетчики, генерируемый контент

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
/* Keyword value */
quotes: none;
quotes: auto;

/* <string> values */
quotes: '«' '»'; /* Set open-quote and close-quote to the French quotation marks */
quotes: '«' '»' '‹' '›'; /* Set two levels of quotation marks */

/* Global values */
quotes: inherit;
quotes: initial;
quotes: revert;
quotes: revert-layer;
quotes: unset;

Значения

  • В качестве значения используется символ текста (например, quotes: "«" "»") или символ юникода.
  • none — Кавычки не добавляются.

Значение по-умолчанию зависит от браузера, его настроек и операционной системы

Применяется ко всем элементам

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

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

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>quotes</title>
        <style>
            q {
                font-family: Times, serif; /* Шрифт с засечками */
                font-style: italic; /* Курсивное начертание текста */
                color: navy; /* Синий цвет текста */
                quotes: '«' '»'; /* Кавычки в виде двойных угловых скобок */
            }
        </style>
    </head>
    <body>
        <p>
            Станислав Лец утверждал:
            <q>Чаще всего выход там, где был вход</q>.
        </p>
    </body>
</html>

Комментарии