You are here: Reference > CSS > properties > quotes

quotes property

Browser support:
8
Specifies the pairs of quotation marks for the 'open-quote' and 'close-quote' values of the content property.
Note: The quotes property is supported in Internet Explorer from version 8.
JavaScript page for this property: quotes. You can find other example(s) there.

Possible values:

 One of the following values: 
 This value can be used arbitrary times (use the space character to separate them) 
 Values in this order (use the space character to separate them): 
1. open-quote
2. close-quote
pairs of quotation marks
none
inherit

Description of values:

close-quote
String, represents the closing quotation mark.
inherit
Takes the value of this property from the computed style of the parent element.
none
Produce no quotation marks for the 'open-quote' and 'close-quote' values of the content property.
open-quote
String, represents the opening quotation mark.
pairs of quotation marks
Pairs of quotation marks for the 'open-quote' and 'close-quote' values of the content property.
Default: none.

Example HTML code 1:

This example illustrates the use of the quotes property:
<head>
    <style>
        .example {
            quotes: "<" ">" "[begin]" "[end]";
        }
    </style>
</head>
<body>
    <q class="example">This is a <q>quoted element</q> in an outer quoted element</q>
</body>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content