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

css target-position屬性怎麼用

silencement
silencement原創
2019-05-28 11:41:343100瀏覽

css target-position屬性怎麼用

css target-position屬性定義及用法

在css中,target-position屬性是使用來規定在何處放置新的目的地鏈接,該屬性只有在target-name屬性建立新標籤頁或新視窗時有效。如果需要同時設定target-name、target-new、target-position三個屬性,可以使用target簡寫屬性,target屬性可以將這三個屬性同時定義在一個宣告中。

css target-position屬性是css3中新增屬性,目前主流瀏覽器都還不支援該屬性。

css target-position屬性語法格式

css語法:target-position: above/behind/front/back

JavaScript語法:object. style.targetPosition="front"

屬性值說明

#above:在目前標籤頁/視窗之前放置新的目的地標籤頁/視窗

behind:在目前標籤頁/視窗之後放置新的目的地標籤頁/視窗

front:在所有其他標籤頁/視窗之前放置新的目的地標籤頁/視窗

#back :在所有其他標籤頁/視窗之後放置新的目的地標籤頁/視窗

實例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css3 target-position属性笔记</title>
<style type="text/css">
a{target-name:new;target-position:front;}
</style>
</head>
<body>
<p>目前没有浏览器支持target-position属性!</p>
<a href="https://www.ggbiji.com">欢迎访问php中文网</a>
</body>
</html>

以上是css target-position屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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

相關文章

看更多