i2tutorials

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:

 

 

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

 

 

Exit mobile version