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.

Syntax:

quotes:values;

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)    ”

Example:

HTML




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

Output:

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!