quotes

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	Юникод	Описание
"	"	\0022	Двойная кавычка, применяется обычно в моноширинных шрифтах, для обозначения символа дюйма, а также угловых секунд.
'	'	\0027	Апостроф. Символ угловых минут, в латинице применяется для обозначения мягкого знака (popalas' lisa).
«	« или «	\00ab	Открывающая двойная угловая кавычка.
»	» или »	\00bb	Закрывающая двойная угловая кавычка.
‘	‘	\2018	Открывающая одинарная кавычка.
’	’	\2019	Закрывающая одинарная кавычка.
"	“	\201c	Открывающая двойная кавычка в англоязычных текстах или закрывающая для русского языка.
”	”	\201d	Закрывающая двойная кавычка в англоязычных текстах.
„	„	\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

Источник: http://htmlbook.ru/

Поделись ссылкой на эту страницу с друзьями:

Категория: Контент | Добавил: free20860soft (01.07.2013)

Просмотров: 626 | Рейтинг: 0.0/0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]