/    /  CSS quotes

CSS quotes

 

The quote property in CSS specifies the quotation marks for the embedded quotations. The quote characters define for this property are used for the open and close quote values of the content property.

 

Syntax:

 

quotes:  [string string]one or more pairs | none | initial | inherit

 

Property Values:

 

  • none: The open and close quote values of the content property produce no quotation marks.
  • [string string]: One or more pairs of string values for the open and close quote.
  • initial: Sets this property to its default value.

 

Example:

 

<!DOCTYPE html>
<html>
<head>
<title>
CSS quotes Property
</title>
<style>
p {
quotes: none;
font-size: 20px;
}
p:before{
content: open-quote;
}
p:after{
content: close-quote;
}
</style>
</head>
<body>
<center>
<h1> Example of quotes: none; </h1>
<p> Welcome to the I2Tutorials </p>
</center>
</body>
</html>

 

OUTPUT:

 

CSS quotes