CSS - Content (Property)

1 - About

3 - Rendering

4 - Property

The content CSS property is used with the ::before and ::after pseudo-elements to generate content in an element.

5 - Example

5.1 - Pseudo-element

   content: "What ever ... ";
   display: inline;
   border:1px solid aqua;


<p>This text will have "What ever" at its beginning</p>

We can see with the aqua border that an element (a pseudo-element) is added at the beginning.

5.2 - With the attr function

With the attr function, you can show data attribute in the content.

<p data-length="2m" >Beyond The Sea</p>

p::before {
   content: attr(data-length) " ";

6 - Documentation / Reference

Data Science
Data Analysis
Data Science
Linear Algebra Mathematics

Powered by ComboStrap