Сделай свой сайт!

quotes

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

Песочница

Винни-Пух был всегда не прочь немного подкрепиться, в особенности часов в одиннадцать утра, потому что в это время завтрак уже давно окончился, а обед ещё и не думал начинаться. И, конечно, он страшно обрадовался, увидев, что Кролик достаёт чашки и тарелки.
div::before {
  content: open-quote;
}
div::after {
  content: close-quote;
}
div {
  quotes: '«' '»';
}

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

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

Значения

В качестве значения используется символ текста (например, 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
Кавычки не добавляются.

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !