close-quote
The content: close-quote; CSS property value inserts the appropriate closing quotation mark for the current language into the content of ::before and ::after pseudo-elements.
Syntax:
Element::before|after {
content: close-quote;
}
Example: This example demonstrates the use of the content property where the property value of content is set to close-quote.
<!DOCTYPE html>
<html>
<head>
<title> CSS content Property </title>
<style>
p::after {
content: close-quote;
}
p::before {
content: open-quote;
}
</style>
</head>
<body>
<p>Welcome to w3wiki!</p>
</body>
</html>
Output:
"Welcome to w3wiki!"
CSS content Property
The content property is used with the ::before and ::after pseudo-elements, to insert generated content. It allows insertion of text, images, or HTML elements, enhancing design without altering the original HTML structure, thereby providing flexibility in styling and layout.
Syntax:
content: normal|none|counter|attr|string|open-quote|close-quote|
no-open-quote|no-close-quote|url|initial|inherit;
Property Values: All the properties are described well with the example below.
Table of Content
- normal
- none
- initial
- attribute
- String
- open-quote
- close-quote
- no-open-quote:
- no-close-quote
- inherit