Свойство 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: 'Θab' 'Θbb';
}
</style>
<p>
Омар Хаяйм утверждал:
<q>Если ты за добро благодарности ждешь, ты не даришь добро, ты его продаешь</q>.
</p>
</body>
</html>
Омар Хаяйм утверждал:
Если ты за добро благодарности ждешь, ты не даришь добро, ты его продаешь
.
Читайте также
Свойство text-orientation
Устанавливает ориентацию текстовых символов в строке и применяется только к вертикальному тексту ...
Свойство grid-template-areas
Определяет шаблон сетки ссылаясь на имена областей, которые заданы с помощью свойства grid-area.&...
Свойство perspective
Определяет расстояние от плоскости экрана до точки сходимости линий и тем самым задаёт, насколько...
Свойство border-top-left-radius
Устанавливает радиус скругления левого верхнего угла рамки.Если рамка не задана, то скругление та...
Свойство padding-block-end
Определяет конечный внутренний отступ элемента по блочной оси. В зависимости от значения свойства...