Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Свойства CSS

Все свойства
!important
after
background
background-attachment
background-color
background-image
background-position
background-repeat
before
border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-collapse
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width
bottom
clear
clip
color
content
cursor
display
float
font
font-family
font-size
font-style
font-variant
font-weight
height
left
letter-spacing
line-height
list-style
list-style-image
list-style-position
list-style-type
margin
margin-bottom
margin-left
margin-right
margin-top
overflow
padding
padding-bottom
padding-left
padding-right
padding-top
position
quotes
right
table-layout
text-align
text-decoration
text-indent
text-transform
top
vertical-align
visibility
white-space
width
word-spacing
z-index


CSS по категориям
Цвет и фон
Границы
Шрифт
Текст
Списки
Форматирование
Позиционирование
Отступы
Поля
Таблицы
Интерфейс
Важность
Псевдоэлементы

quotes

Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Нет Нет Нет Да Да Да Да Да Да Да Да Да Да

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

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

Описание

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

Синтаксис

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 Открывающая двойная кавычка. Применяется в русском языке.

 

Пример

Валидный CSS
Валидный HTML
<!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>

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

Рис. 1

Рис. 1. Применение параметра quotes





На главную









  • При использовании материалов сайта ссылка на comnew.ru обязательна!