CSS properties - quotes

revision:

quotes property

- sets the type of quotation marks for quotations.

CSS syntax : quotes: none | string | initial | inherit;;

Property values:

none : specifies that the "open-quote" and "close-quote" values of the "content" property will not produce any quotation marks

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

initial : sets this property to its default value.

inherit : inherits this property from its parent element.

JavaScript syntax: object.style.quotes="'\253''\253'"

quotation mark characters

result : " : description : double quote; entity number : \0022

result : ' : description : single quote; entity number : \0027

result : ‹ : description : single, left angle quote; entity number : \2039

result : › : description : single, right angle quote; entity number : \203A

result : « : description : double, left angle quote; entity number : \00AB

result : » : description : double, right angle quote; entity number : \00BB

result : ‘ : description : left quote (single high-6); entity number : \2018

result : ’ : description : right quote (single high-9); entity number : \2019

result : “ : description : left quote (double high-6); entity number : \201C

result : ” : description : right quote (double high-9); entity number : \201D

result : „ : description : double quote (double low-9); entity number : \201E

example: quotes

This is a quote.

This is a quote inside a quote.

This is a quote inside a quote.

code: 
                    <div>
                        <p><q id="a">This is a quote.</q></p>
                        <p><q id="b">This is a <q>quote</q> inside a quote.</q></p>
                        <p><q id="c">This is a <q>quote</q> inside a quote.</q></p>
                    </div>
                    <style>
                        #a {quotes: "'" "'";}
                        #b {quotes: "�" "�" "�" "�";}
                        #c {quotes: "�" "�" "�" "�";}
                    </style>