ホームページ  >  記事  >  ウェブフロントエンド  >  CSSのtarget-position属性の使い方

CSSのtarget-position属性の使い方

silencement
silencementオリジナル
2019-05-28 11:41:343020ブラウズ

CSSのtarget-position属性の使い方

css target-position 属性の定義と使用法

css では、target-position 属性は、新しいリンク先リンクを配置する場所を指定するために使用されます。 、この属性は、target-name 属性が新しいタブまたは新しいウィンドウを作成する場合にのみ有効です。 target-name、target-new、target-position の 3 つの属性を同時に設定する必要がある場合は、target abbreviation 属性を使用できます。target 属性は、これら 3 つの属性を 1 つのステートメントで同時に定義できます。

css target-position 属性は CSS3 の新しい属性です。現在、主流のブラウザはこの属性をサポートしていません。

css ターゲット位置属性の構文形式

css 構文:ターゲット位置: 上/後ろ/前/後ろ

JavaScript 構文: オブジェクト。 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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。