CSS quotes Property
Definition and Usage
The quotes property sets the type of quotation marks for quotations.
| Default value: | not specified |
|---|---|
| Inherited: | yes |
| Animatable: | no. Read about animatable |
| Version: | CSS2 |
| JavaScript syntax: | object.style.quotes="'\253' '\273'" Try it |
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
| Property | |||||
|---|---|---|---|---|---|
| quotes | 11.0 | 8.0 | 1.5 | 5.1 | 4.0 |
CSS Syntax
quotes: none|string|initial|inherit;
Property Values
| Value | Description | Demo |
|---|---|---|
| none | Specifies that the "open-quote" and "close-quote" values of the "content" property will not produce any quotation marks | Demo ❯ |
| string string string string | Specifies which quotation marks to use. The first two values specifies the first level of quotation embedding, the next two values specifies the next level of quote embedding, etc | Demo ❯ |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Quotation Mark Characters
| Result | Description | Entity Number |
|---|---|---|
| " | double quote | \0022 |
| ' | single quote | \0027 |
| ‹ | single, left angle quote | \2039 |
| › | single, right angle quote | \203A |
| « | double, left angle quote | \00AB |
| » | double, right angle quote | \00BB |
| ‘ | left quote (single high-6) | \2018 |
| ’ | right quote (single high-9) | \2019 |
| “ | left quote (double high-6) | \201C |
| ” | right quote (double high-9) | \201D |
| „ | double quote (double low-9) | \201E |
Related Pages
HTML DOM reference: quotes property
Copyright 1999-2023 by Refsnes Data. All Rights Reserved.