quotes

Содержание

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

Краткая информация

Значение по умолчаниюЗависит от браузера, его настроек и операционной системы. Чаще всего используется кавычки вида "/"
НаследуетсяДа
ПрименяетсяКо всем элементам

Синтаксис

quotes: <Строка> <Строка> | none

Значения

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

Табл. 1. Виды кавычек
ВидСпецкод HTMLЮникодОписание
"&#34;022Двойная кавычка, применяется обычно в моноширинных шрифтах, для обозначения символа дюйма, а также угловых секунд.
'&#39;027Апостроф. Символ угловых минут, в латинице применяется для обозначения мягкого знака (popalas' lisa).
«&#171; или &laquo;0abОткрывающая двойная угловая кавычка.
»&#187; или &raquo;0bbЗакрывающая двойная угловая кавычка.
&#8216;2018Открывающая одинарная кавычка.
&#8217;2019Закрывающая одинарная кавычка.
&#8220;201cОткрывающая двойная кавычка в англоязычных текстах или закрывающая для русского языка.
&#8221;201dЗакрывающая двойная кавычка в англоязычных текстах.
&#8222;201eОткрывающая двойная кавычка. Применяется в русском языке.
none
Кавычки не добавляются.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>quotes</title>
  <style>
   q {
    font-family: Times, serif; /* Шрифт с засечками */
    font-style: italic; /* Курсивное начертание текста */
    color: navy; /* Синий цвет текста */
    quotes: "0ab" "0bb"; /* Кавычки в виде двойных угловых скобок */
   }
  </style>
 </head>
 <body> 
  <p>Станислав Лец утверждал: <q>Чаще всего выход там, где был вход</q>.</p>
 </body>
</html>

Результат данного примера показан на рис. 1.

Применение свойства quotes

Рис. 1. Применение свойства quotes

Объектная модель

Объект.style.quotes

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

СпецификацияСтатус
CSS Level 2 (Revision 1)Рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
81145.11.5
AndroidFirefox MobileOpera MobileSafari Mobile
2.1265.1




Рекомендую хостинг: beget.ru

Сервер падал:6 дн. 3:30 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru