温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css中的target-name属性怎么用

发布时间:2022-02-25 11:31:31 来源:亿速云 阅读:170 作者:小新 栏目:web开发

小编给大家分享一下css中的target-name属性怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

  csstarget-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目的地不存在,则用该名称创建新的目的地

  实例

  <!DOCTYPEhtml>

  <html>

  <head>

  <metacharset="utf-8"/>

  <title>css3target-name属性规定在何处打开超链接</title>

  <styletype="text/css">

  a{target-name:new;}

  </style>

  </head>

  <body>

  <p>目前没有浏览器支持target-name属性!</p>

  <ahref="https://www.ggbiji.com">欢迎访问php中文网</a>

  </body>

  </html>

css中的target-name属性怎么用css中的target-name属性怎么用

以上是“css中的target-name属性怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI