css target-name屬性怎麼用-css教學-PHP中文網

首頁

web前端

css教學

css target-name屬性怎麼用

silencement

May 27, 2019 pm 03:28 PM

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中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn