首頁 > web前端 > css教學 > css target-name屬性怎麼用

css target-name屬性怎麼用

silencement
發布: 2019-05-27 15:29:23
原創
3263 人瀏覽過

css target-name屬性怎麼用

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.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板