CSS quotes Property
Definition
The quotes property sets the type of quotation marks for embedded quotations.Inherited: Yes
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.Scripting Syntax: object.style.quotes="none"
Example
Example 1q:lang(en){ quotes: '"' '"' "'" "'" } the style above and the following HTML file: <html lang="en"> <head> </head> <body> <p><q>This is a <q>big</q> quote</q></p> </body> </html> would produce this output: "This is a 'big' quote" Example 2q:lang(no){ quotes: "«" "»" "'" "'" } the style above and the following HTML file: <html lang="no"> <head> </head> <body> <p><q>Vi synger <q>Mellom bakkar og berg</q> pÃ¥ 17.mai.</q> </body> </html> would produce this output: «Vi synger 'Mellom bakkar og berg' pÃ¥ 17.mai.» |
Possible Values
| Value | Description |
|---|---|
| none | Specifies that the "open-quote" and "close-quote" values of the "content" property will not produce any quotation marks |
| string string string string | Defines the 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 |
Quotation Mark Characters
| Result | Description | Entity Number |
|---|---|---|
| " | double quote | " |
| ' | single quote | ' |
| ‹ | single, left angle quote | ‹ |
| › | single, right angle quote | › |
| « | double, left angle quote | « |
| » | double, right angle quote | » |
| ‘ | left quote (single high-6) | ‘ |
| ’ | right quote (single high-9) | ’ |
| “ | left quote (double high-6) | “ |
| ” | right quote (double high-9) | ” |
| „ | double quote (double low-9) | „ |
Goto CSS3 and CSS2 complete reference
CSS quotes Property
![]()
Reviewed by 1000sourcecodes
on
21:38
Rating:
