English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

CSS @правила (RULES)

Полный список свойств CSS

Метод использования и примеры CSS quotes

quotes CSS свойство определяет嵌入式的 кавычки. Символы кавычек,指定的 для этого свойства, используютсяcontentНачальные и конечные кавычки атрибута.

Таблица ниже описывает использование и историю версий этого атрибута, а также использование этого атрибута в скриптах JavaScript.

Значение по умолчанию:none
Применяется к:Все элементы
Наследование:Да
Анимировано:Нет.Пожалуйста, смотрите Анимационные атрибуты.
Версия:CSS 2, 3
JavaScript грамматика:объект.style.quotes="none"

Грамматика использования цитаты

Грамматика этого атрибута такая:

quotes: [string string] one or more pairs | none | initial | inherit

Ниже приведен пример того, как использовать атрибут quotes.

  q {
   quotes: '[' '] " " "';
  }
  q:before {
   content: open-quote;
  }
  q:after {
   content: close-quote;
  }
Проверьте, посмотрите <‹/›

Значение атрибута

В таблице ниже описаны значения этого атрибута.

ЗначениеОписание
nonecontentЗначения open-quote и close-quote атрибута не создают кавычек. Это значение по умолчанию.
[string string]Определить одну или несколько пар строковых значений open-quote и close-quote. Первая пара represents внешнюю горизонтальную ссылку; вторая пара represents внешнюю горизонтальную ссылку. Вторая пара используется для первого уровня вложенности, вторая пара используется для третьего уровня, и так далее.
initialУстановить этот атрибут в его значение по умолчанию.
inheritЕсли указан, то связанный элемент использует значение атрибута quotes родительского элемента.

Совместимость браузеров

Совместимость браузеров для атрибута quotes, числа в таблице представляют собой минимальную версию браузера, поддерживающего этот атрибут; все основные браузеры поддерживают этот атрибут.

  • Firefox 1.5 и выше

  • Google Chrome 11+

  • Internet Explorer 8+

  • Apple Safari (нет)

  • Opera 7+

Предупреждение: Интернет-Explorer 7 и более ранние версии не поддерживают этот атрибут quotes. IE8 поддерживает этот атрибут, но требует действительного<!DOCTYPE>.

Дополнительное чтение

Пожалуйста, обратитесь к следующим учебникам:伪元素 в CSS.

Связанные атрибуты:content.