User Avatar

Свойство quotes

Описание

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

Синтаксис

quotes: [Строка Строка]+ | none;

Дополнительно

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

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 q {
 font-family: 'Times New Roman', Times, serif;
 font-style: italic;
 color: rgb(206, 0, 0);
 quotes: '&#920ab' '&#920bb';
 }
 </style>
 <p>
 Омар Хаяйм утверждал:
 <q>Если ты за добро благодарности ждешь, ты не даришь добро, ты его продаешь</q>.
 </p>
</body>
</html>

Читайте также

Свойство border-top-right-radius

Устанавливает радиус скругления правого нижнего угла рамки.
Если рамка не задана, то скругление также происходит и с фоном....

Стиль включенных элементов интерфейса

Псевдокласс :checked применяется к элементам интерфейса, таким как переключатели (checkbox), флажки (radio) и пункты списка (option), когда они находя...

Стиль первого элемента определенного типа

Псевдокласс задаёт стиль первого элемента определённого типа в группе братских элементов (имеющих одного родителя)....

Мультилассы

К любому элементу одновременно можно добавить несколько классов, перечисляя их в атрибуте class через пробел. В этом случае к элементу применяется сти...