quotes

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Нет Нет Да Да Да Да Да Да Да Да Да Да Да Да

 

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

Описание

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

Синтаксис

quotes: "левая кавычка" "правая кавычка" | none | inherit

Значения

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

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

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  "http://www.w3.org/TR/html4/strict.dtd"> <html>  <head>   <meta http-equiv="Content-Type" content="text/html;    charset=windows-1251">   <title>quotes</title>   <style type="text/css">    Q {     font-family: Times, serif; /* Шрифт с засечками */     font-style: italic; /* Курсивное начертание текста */     color: navy; /* Синий цвет текста */     quotes: "\00ab" "\00bb"; /*Кавычки в виде двойных угловых скобок*/    }   </style>  </head>  <body>    <p>Станислав Лец утверждал:     <q>Чаще всего выход там, где был вход</q>.</p>  </body> </html>