quotes | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Четверг, 08.12.2016
Главная » Справочник CSS3 » Свойства контента


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


quotes | Свойство CSS

Псевдоэлемент quotes добавляет ковычки для цитат.




Псевдоэлемент quotes предназначен для добавления ковычек определённого типа.Тип ковычек определяется по соответствующему коду ( вместо ковычек может быть использован любой спецсимвол.Если ковычки применяются со свойством content,тогда для установки ковычек используются дополнительные значения open-quote ( открывающая кавычка ) или close-quote ( закрывающая кавычка ).Свойство применимо ко всем элементам,создано в версии CSS2 но проходит валидацию согласно версии CSS3.




Дополнительные свойства quotes


Свойство
Описание
contentГенерирует установленный контент

Дополнительные значения quotes


Значение
Описание
" "Открывающая и закрывающая ковычки
noneКовычки не отображаются
inheritНаследует значение родителя


Дополнительные значения quotes для свойства content


Значение
Описание
open-quoteОткрывающая ковычка
close-quoteЗакрывающая ковычка

Варианты ковычек для quotes


Вид
Шестнадцатерицчый код
Описание
"0022Двойная ковычка
'0027Одинарная ковычка
2018Открывающая ковычка
2019Закрывающая ковычка
"201cОткрывающая ковычка EN
201dЗакрывающая ковычка EN
201eОткрывающая ковычка RU
«00abОткрывающая ковычка
»00bbЗакрывающая ковычка

Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство quotes</title>
<meta charset="utf-8">
<style type="text/css">
<!--
q {
font-family:Arial;
font-style: italic;
color: green;
font-size:24px;
quotes: "\00ab" "\00bb";
}
-->
</style>
</head>
<body>
<p>Используется свойство <q>quotes</q></p>
</body>
</html>

Пример в действии




Мини генератор спецсимволов

*Укажите интересующее Вас значение без &#




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/generate.html#propdef-quotes
Категория: Свойства контента | Добавил: IZOTOP (10.04.2012) | Автор: Меренков Михаил E W
Просмотров: 464 | Теги: css, quotes, ковычки, свойство, style | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

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