CSS content 属性

CSS content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容

默认值 normal
继承 no
版本 CSS2
JavaScript 语法 object.style.content="url(beep.wav)"

语法

content : none | normal| counter ...

属性值

说明
none 设置Content,如果指定成Nothing
normal 设置content,如果指定的话,正常,默认是"none"(该是nothing)
counter 设定计数器内容
attr(attribute) 设置Content作为选择器的属性之一
string 设置Content到你指定的文本
open-quote 设置Content是开口引号
close-quote 设置Content是闭合引号
no-open-quote 如果指定,移除内容的开始引号
no-close-quote 如果指定,移除内容的闭合引号
url(url) 设置某种媒体(图像,声音,视频等内容)
inherit 指定的content属性的值,应该从父元素继承

浏览器支持

所有主流浏览器都支持 content 属性

IE8 只有指定 <!DOCTYPE html> 才支持 content 属性

范例

下面的 CSS 样式将在每个链接后的括号内加上网址

a:after
{
    content: " (" attr(href) ")";
}

运行范例 »

相关文章

  1. CSS 参考手册: :before 伪元素

  2. CSS 参考手册: :after 伪元素

CSS 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.