Блог Vaden Pro

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

Строки

Справочник: 
Значение

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

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

3.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

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

Используется для определения значений свойств, которые выводят текстовую информацию. Это значение всегда берется в кавычки (в одинарные или двойные - разницы нет). Если в текстовой строке, которую нужно вывести, имеются кавычки, то допускается комбинирование типов кавычек. То есть если вся контентная часть берется в одинарные кавычки, то та часть, которая входит в этот контент, берется в двойные ковычки. Также имеет место обратная ситуация. Также можно экранировать кавычки, которые будут выводится с текстом. Для этого перед кавычкой ставится слеш (/).

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

CSS-правило: 'текст с "кавычками"'
CSS-правило: "текст с 'кавычками'"
CSS-правило: "текст с \"кавычками\""

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Строка</title>
  <style>
.new:before {
	content: "Сенсация! ";
	color:#ff0000;
}
  </style>
 </head>
 <body>
  <p class="new">В Париже пройдет встреча Большой двадцатки.</p>
 </body>
</html>

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

Строки

Тип CSS свойства: 
Текст