quotes

Support Key: [CSS2|CSS2.1] [N6|O4]
Other Generated
Content Properties

content
counter-reset
counter-increment
include-source
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   Browser/settings dependent
Applicable Elements:
All
Inherit From Parent:
Yes
Applicable Media:
Visual
HTML Equivalent:
NA
Official Docs:
CSS2: Sect. 12.4.1, CSS2.1: Sect 12.3.1
What is it?
This property determines the type of quotation marks that will be used in a document. One or more quotation mark pairs are given, with the basic quotation characters being the left-most pair. Each subsequent pair represents the quotation characters used at progressively deeper element nesting contexts.

Values of the 'content' property are used to specify where the open/close quotation marks should or should not occur - the "open-quote", "close-quote", "no-open-quote", and "no-close-quote" values. "Open-quote" refers to the left (first) of a given pair of specified quotes, while "close-quote" refers to the second (right) quote character in the pair. Quotes can be skipped at a particular location by using the "no-close-quote" and "no-open-quote" value. In the event that the quote character nesting depth is not covered in the 'quotes' property specification, the last valid quotation pair set should be used.
Quotation characters
Example Character
Reference
Unicode Description
ASCII double quote graphic
"0022ASCII double quote
ASCII double quote graphic
'0027ASCII single quote
ASCII double quote graphic
‹2039Single, left angle quote
ASCII double quote graphic
›203ASingle, right angle quote
ASCII double quote graphic
«00ABDouble, left angle quote
ASCII double quote graphic
»00BBDouble, right angle quote
ASCII double quote graphic
‘2018Left quote (Single high-6)
ASCII double quote graphic
’2019Right quote (Single high-9)
ASCII double quote graphic
“201CLeft quote (Double high-6)
ASCII double quote graphic
”201DRight quote (Double high-9)
ASCII double quote graphic
„201EDouble quote (Double low-9)

Allowed Values
inherit
[CSS2|CSS2.1] [N6]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
none
[CSS2|CSS2.1] [O4]
Type: Explicit
Description:
The 'open-quote' and 'close-quote' values of the 'content' property produce no quotations marks.
([string] [string])
[CSS2|CSS2.1] [N6|O4]
Type: Explicit
Syntax: ([string] [string])+
Description:
Values for the 'open-quote' and 'close-quote' values of the 'content' property are taken from this list of quote mark pairs. The first or possibly only) pair on the left represents the outermost level of quotation embedding, the pair to the right (if any) is the first level of quote embedding, etc.
Example
Ext/Doc:
blockquote[lang-=fr] { quotes: "\201C" "\201D" }
blockquote[lang-=en] { quotes: "\00AB" "\00BB" }
blockquote:before { content: open-quote }
blockquote:after { content: close-quote }
[Applies correct quotes based on language used]
Notes Browser Peculiarities

Boring Copyright Stuff....