• 技术文章 >web前端 >css教程

    css target-name属性怎么用

    silencementsilencement2019-05-27 15:29:23原创1098

    css target-name属性定义及用法

    在css中,target-name属性是使用来规定在何处打开超链接,如果需要同时设置target-name、target-new、target-position三个属性,可以使用target简写属性,target属性可以将这三个属性同时定义在一个声明中。target-name属性是css3中新增属性,目前主流浏览器都还不支持该属性。

    target-name属性语法格式

    css语法:target-name: current/root/parent/new/modal/name

    JavaScript语法:object.style.targetName="new"

    属性值说明

    current:在链接所在的框架、标签页或窗口中打开超链接

    root:在当前标签页或窗口中超链接

    parent:在父框架中打开超链接。如果当前框架没有父框架,则将该值视作root

    new:创建新的目的地

    modal:在新的(暂时创建的)模态窗口中打开新窗口

    name:在已有框架、窗口或标签页中打开链接。如果name目的地不存在,则用该名称创建新的目的地

    实例

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>css3 target-name属性规定在何处打开超链接</title>
    <style type="text/css">
    a{target-name:new;}
    </style>
    </head>
    <body>
    <p>目前没有浏览器支持target-name属性!</p>
    <a href="https://www.ggbiji.com">欢迎访问php中文网</a>
    </body>
    </html>

    运行结果

    目前没有浏览器支持target-name属性,暂不提供运行结果!

    以上就是css target-name属性怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css target-name属性
    上一篇:css text-decoration属性怎么用 下一篇:css tab-size属性怎么用
    大前端线上培训班

    相关文章推荐

    • css padding-top属性怎么用• css white-space属性怎么用• css text-transform属性怎么用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网