Content
The content property is used with the ::before and ::after
pseudo-elements to insert some content before or after an element.
Its options are:
(1) Normal, this is the default value and specifies that there is no generated content.
(2) None, this specifies that there is no generated content.
(3) String, this is the text content that you wish to insert.
(4) Url(), allows you to set media content, such as an image.
(5) attr(X), allows you to set one of the attributes as the content.
(6) counter(X), allows you to set the content as a counter.