CSS content 属性

本文介绍了CSS中content属性的使用方法及其与:before和:after伪元素的配合应用,演示了如何利用此属性插入生成内容,例如在链接后自动添加括号内的URL。

摘自:http://www.w3school.com.cn/css/pr_gen_content.asp

定义和用法

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

说明

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

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

实例

下面的例子在每个链接后插入括号中的 URL:

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

TIY

浏览器支持

所有浏览器都支持 content 属性。

注释:如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 content 属性。

可能的值

描述
none 
normal 
content specifications 
inherit规定应该从父元素继承 content 属性的值。

相关页面

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

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

HTML DOM 参考手册:content 属性

 

 

转载于:https://www.cnblogs.com/KeenLeung/archive/2013/03/08/2950830.html

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值