2

What is the actual term for the following values of the quotes property? I tried searching but couldn't find anything other than IE \9 CSS hack, so please let me know the terminology and the use behind it, that would be really great.

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
Umer Hassan
  • 1,119
  • 6
  • 16
  • 23

3 Answers3

2

The quotes: CSS allows you to substitute a symbol for the open and closed quotes used within the page. See this reference for more information.

The first two values specifies the first level of quotation embedding, the next two values specifies the next level of quote embedding, etc

In your example they are using the Unicode Character References.

Lyall
  • 1,367
  • 3
  • 17
  • 42
1

As per the W3C page:

Specify the quotation marks for quotations

And as per the question about the content of the property, those are escaped unicode characters.

You will see those quotes when you use <blockquote></blockquote> elements inside your page.

taxicala
  • 21,408
  • 7
  • 37
  • 66
  • Yeah right, but what are those values with backslashes? such as \201C, what are those called? and where do we use them? – Umer Hassan Aug 21 '15 at 17:26
1

Those are Unicode character codes. If you want to get specific in what they are (codes, numbers, ID's) See:

Wikipedia: Unicode Architecture_and_terminology

Rick
  • 508
  • 4
  • 9