Quotes

Type of quotation marks for embedded quotations.

Syntax
      quotes: "openQuote1" "closeQuote1" "openQuote2" "closeQuote2" | inherit ;

none - Do not produce any quotation marks.
openQuote - The opening quotation mark to use.
closeQuote - The closing quotation mark to use.
inherit - inherit from the parent element.

The <q> element is designed for quotations. The quotation marks will be automatically inserted into the rendering by the user agent. The default quotation marks for the English language are “ ” and ‘ ’.

The quotes CSS property can be used to over-ride the user agent defaults - typically with foreign language quotation marks such as « and ».

The quotation marks must be given in pairs, one pair for each level of nested quotations that you need to support:

 "'" "'" 	
 '"' '"'
 "‘" "’"
 "“" "”"
 "‹" "›"
 "«" "»" 

Although intended only for quotation marks, it is possible to insert one (or several) ASCII characters (A-Z, 0-9 etc.)

Examples:
h1 { quotes: "“" "”" "‹" "›" ; }
.ss64class { quotes: "“" "”" "‘" "’" ; }

#SS64id { quotes: "«" "»" "‹" "›" ; }

Try it:

Outer quote, inner nested quote, remainder of outer quote. Normal text

(CSS 2) Browser Support: All major browsers.

It is with books as with men: a very small number play a great part, the rest are lost in the multitude ~ Voltaire

Related:

content - Insert generated content before or after an element. (open-quote, close-quote, no-open-quote, and no-close-quote.)
hyphens - How to split words to improve the layout of paragraphs.


© Copyright SS64.com 1999-2014
Some rights reserved