quotes » Новости мира Интернет
Суббота 19 Июль 2025
  • :
  • :
Internet Explorer Chrome Opera Safari Firefox Android iOS
8.0+ 11.0+ 4.0+ 5.1+ 1.5+ 2.1+

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

Значение по умолчанию Зависит от браузера, его настроек и операционной системы. Чаще всего используется кавычки вида "/"
Наследуется Да
Применяется Ко всем элементам
Ссылка на спецификацию http://www.w3.org/TR/CSS21/generate.html#propdef-quotes

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Устанавливает тип кавычек, который применяется в тексте документа. В каждом языке существуют свои традиции для обозначения кавычек, свойство 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
Наследует значение родителя.

Пример

HTML5CSS2.1IECrOpSa 5.1Fx

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

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

.;

.;


.;

Рис. 1. Применение свойства quotes
Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.

Internet Explorer Chrome Opera Safari Firefox Android iOS 8.0 11.0 4.0 5.1 1.5 2.1 Краткая информация Значение по умолчанию Зависит от браузера, его настроек и операционной системы. Чаще всего используется кавычки вида

Смотрите также

А что там на главной? )))



Комментарии )))