CSS content 属性

返回 CSS 参考手册

定义

content 属性与 :befor 及 :after 伪元素配合使用，来生成贴附于某个 CSS 选择器之前或之后的内容。

继承性：No

说明

该属性用于定义元素之前或之后放置的生成内容。默认地，这往往是行内内容，不过该内容创建的框类型可以用属性 display 控制。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法：

object.style.content="url(beep.wav)"

在我们的 HTML DOM 教程中，您可以找到更多有关 content 属性 的细节。

在我们的 HTML DOM 教程中，您也可以找到完整的 Style 对象参考手册。

例子

p:before
{
content: url("beep.wav")
}

img:before
{
content: attr(alt)
}

可能的值

值 描述
string 定义文本内容。默认值是""。
url 定义一个 URL （绝对 URI）。
  • counter(name)
  • counter(name, list-style-type)
  • counters(name, string)
  • counters(name, string, list-style-type)
  
attr(X) 定义可显示在某个选择器之前或之后的选择器属性。
  • open-quote
  • close-quote
  • no-open-quote
  • no-close-quote
  

返回 CSS 参考手册