CSS/Properties/quotes

From Web Education Community Group
Jump to: navigation, search

quotes

The quote property specifies quotation marks for any number of embedded quotations.

Description

Values [<string> <string>]+ | none | inherit
Initial value depends on user agent
Applies to all elements
Inherited Yes


Values

  • none
    the content property produce no quotation marks.


  • <string> <string>
    Values for the 'open-quote' and 'close-quote' values of the 'content' property are taken from this list of pairs of quotation marks (opening and closing).


  • inherit
    Takes the same specified value as the property for the element's parent.


Example

Example A

[style.css]

 q{
   quotes: '"' '"' '<' '>';
 } 
 q:before{
   content: open-quote;
 }
 q:after{
   content: close-quote;
 }

[index.html]

<body>
  <p><q>Here is quote text.</q></p>
</body>

Csslist2 quotes.png

CSS Reference

The CSS specification defines the quotes property in 12.3 Quotation marks.