Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

How to set the marks for quotations in CSS ?

  • Last Updated : 18 Apr, 2021

The task is to set the quotation marks for quotations in CSS. Quotation marks [” “] is used to set off material that represents quoted or spoken language and quotes are the CSS quotes property to set the types of quotation marks for quotations.

Approach: Firstly create the HTML page with a paragraph element then with the help of the <q> element provide a quotation mark at the appropriate place.



Quotation Mark:

Entity NumberNameOutput
\0022double-quote    “
 \0027single-quote    ‘
\2039single, left angle quote    <
\203Asingle, right angle quote    >
 \00ABdouble, left angle quote   <<
\00BBdouble, right angle quote   >>
\2018left quote (single high-6)    ‘
\2019right quote (single high-9)    ’
\201Cleft quote (double high-6)    “
\201Dright quote (double high-9)    ”
\201Edouble quote (double low-9)    ”



<!DOCTYPE html>
      body {
        text-align: center;
        font-size: 25px;
      #a {
        quotes: "'" "'";
    <h1 style="color: green">
    <p><q id="a"
        A computer science portal for geeks 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!