Easy Tutorial
❮ Pr Grid Area Css3 Pr Border Image Slice ❯

CSS quotes Property

Example

Setting the type of quotes for nested quotations:

q:lang(en) {
    quotes: "�" "�" "'" "'";
}

Property Definition and Usage

The quotes property sets the type of quotes for nested quotations.

Default value: not specified
Inherited: yes
--- ---
Version: CSS2
--- ---
JavaScript syntax: object.style.quotes="none"
--- ---

Browser Support

All major browsers support the quotes property.

Note: IE8 requires the definition of !DOCTYPE to support the quotes property.


Property Values

Value Description
none Specifies that the "open-quote" and "close-quote" values of the "content" property will produce no quotes.
string string string string Defines the quotes to be used. The first two values specify the first level of quotation nesting, and the next two values specify the next level of quotation nesting.
inherit Specifies that the value of the quotes property should be inherited from the parent element.

Quotation Characters

Effect Description Entity Number
" Double quote "
' Single quote '
Single left angle quote
Single right angle quote
« Double left angle quote «
» Double right angle quote »
' Left single quotation mark (single high-6)
' Right single quotation mark (single high-9)
" Left double quotation mark (double high-6)
" Right double quotation mark (double high-9)
Double low-9 quotation mark
❮ Pr Grid Area Css3 Pr Border Image Slice ❯