content property in CSS

Content in CSS is often used with: after and before pseudo-element selectors to display the specified content before or after the selected object,

The following content can be added after content:

1. attr(alt) /*Text using the object's alt attribute*/

2. counter(name) /* use the named counter */

3. counter(name, list-style-type) /* use the named counter and follow the specified list-style-type */
   

4. counters(name, string) /* use all named counters */
   

5. counters(name, string,list-style-type) /*Use all named counters and follow the specified list-style-type*/
   

6. no-close-quote /* Do not insert a trailing token for the quotes attribute. but increase its nesting level */
   

7. no-open-quote /* does not insert the preceding token of the quotes attribute. but reduce its nesting level */
   

8. close-quote /*Insert the trailing tag of the quotes attribute*/
   

9. open-quote /*Insert the preceding token of the quotes attribute*/
   

10. string /* use a string enclosed in quotes */
    

11. url(url) /*use the specified absolute or relative url address*/