CSS 中的content属性用于动态生成内容(在运行时)。它用于生成内容 ::before & ::after 伪元素。
句法：
content: normal|none|counter|attr|string|open-quote|close-quote|
no-open-quote|no-close-quote|url|initial|inherit;属性值：
- normal：设置默认值。如果内容属性正常，则设置内容。
句法：
Element::before|after { content: normal; }例子：
CSS | content Property to GeeksforGeeks
you
输出：
Welcome to GeeksforGeeks Welcome you - none：不设置伪元素前后的内容。
句法：
Element::before|after { content: none; }例子：
CSS | content Property GeeksforGeeks!
Welcomes to GeeksforGeeks!
输出：
Hello GeeksforGeeks! Welcome to GeeksforGeeks! - 初始：将属性设置为其默认值。
句法：
Element::before|after { content: initial; }例子：
CSS | content Property to GeeksforGeeks
you
输出：
Hello GeeksforGeeks! Hello Welcomes to GeeksforGeeks! - 属性：它设置包含指定值的属性值。
句法：
Element::before|after { content:attr(href); }例子：
CSS | content Property Click Here!输出：
Click Here! https://www.geeksforgeeks.org/html-style-attribute/ - String：用于生成 HTML 元素前后的任意字符串。
句法：
Element::before|after { content: string; }例子：
CSS | content Property GeeksforGeeks!
输出：
Hello GeeksforGeeks! - open-quote：它在元素之前和之后生成开头引用。
句法：
Element::before|after { content: open-quote; }例子：
CSS | content Property Welcome to GeeksforGeeks!
输出：
"Welcome to GeeksforGeeks! - close-quote：它在元素之前和之后生成一个结束引号。
句法：
Element::before|after { content: close-quote; }例子：
CSS | content Property Welcome to GeeksforGeeks!
输出：
"Welcome to GeeksforGeeks!" - no-open-quote：如果指定，它会从内容中删除开头引用。
句法：
Element::before|after { content: no-open-quote; }例子：
CSS | content Property Welcome to GeeksforGeeks!
输出：
Welcome to GeeksforGeeks! - no-close-quote：如果指定，则从内容中删除结束引号。
句法：
Element::before|after { content: no-close-quote; }例子：
CSS | content Property Welcome to GeeksforGeeks!
输出：
"Welcome to GeeksforGeeks! - 继承：此属性从其父元素继承。
句法：
Element::before|after { content: inherit; }
支持的浏览器：下面列出了content 属性支持的浏览器：
- 谷歌浏览器 1.0
- 浏览器 8.0
- 火狐 1.0
- 歌剧4.0
- Safari 1.0