Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство quotes

Дата:3.10.15 в 13:07
Справочник: 

Характеристики свойства

В каких браузерах работает?

8.0+ 11.0+ 4.0+ 5.1+ 1.5+ 2.1+ -

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
- + + +

Для чего используется?

Свойство контролирует стилистику кавычек. Это необходимо при использовании разных языков, так как для каждого языка есть особое оформление кавычек. Также целесообразно использовать свойство просто из эстетических соображений. Кавычки могут добавляться через тег q или через свойство content при использовании команд open-quote и close-quote.

Как правильно задавать?

quotes:тип кавычек;

Какие могут быть значения?

Для значений используют или знак кавычек, или юникод. Примеры приведены ниже:

Разновидность кавычки HTML кодировка Юникод
" " \0022
' ' \0027
« « или « \00ab
» » или » \00bb
‘ \2018
’ \2019
“ \201c
” \201d
„ \201e
  • none - отменяет вывод кавычек.
  • inherit - повторяет кавычки родительского элемента.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство quotes</title>
  <style>
   q {
    font-style: italic;
    color: #b04d4d;
    quotes: "\201c" "\201e"; 
   }
  </style>
 </head>
 <body> 
  <p>Один умный человек однажды сказал:
 <q>Хочешь мира - готовься к войне</q>.</p>
 </body>
</html>

По итогу получаем

quo

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: