CSS attr()函数代码简单示例

2021年3月17日14:55:21 发表评论 635 次浏览

attr()函数CSS中的内置函数, 它返回所选元素的属性值。

语法如下:

attr( attr_name )

参数:该函数接受单个参数attr_name用于保存HTML元素中属性的名称。它是必填参数。

返回值:该函数返回选定元素的属性值。

下面的示例说明了CSS中的attr()函数:

程序:

<!DOCTYPE html>
< html >
     < head >
         < title >attr function</ title >
         < style >
             a:before {
                 content: attr(href) " =>";
             }
             a {
                 text-decoration:none;
             }
             .gfg {
                 font-size:40px;
                 color:green;
                 font-weight:bold;
             }
             body {
                 text-align:center;
             }
         </ style >
     </ head >
     < body >
         < div class = "gfg" >lsbin</ div >
         < h1 >The attr() Function</ h1 >
         < a href = "https://www.lsbin.org" >lsbin</ a >
     </ body >
</ html >

输出如下:

CSS | attr()函数1

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: