initial
The content: initial; CSS property value sets the content of the ::before and ::after pseudo-elements to its initial default value as specified by the browser.
Syntax:
Element::before|after {
content: initial;
}
Example: This example demonstrates the use of the content property where the content is displayed to its initial value.
<!DOCTYPE html>
<html>
<head>
<title> CSS content Property </title>
<style>
p::before {
content: "Welcome ";
}
a::before {
content: initial;
}
</style>
</head>
<body>
<p>to w3wiki</p>
<p id="a">you</p>
</body>
</html>
Output:
Hello w3wiki!
Hello Welcomes 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