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

CSSのtarget-name属性の使い方

silencement
silencementオリジナル
2019-05-27 15:28:273233ブラウズ

CSSのtarget-name属性の使い方

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

css では、target-name 属性は、ハイパーリンクを開く場所を指定するために使用されます。 3 つの属性 target-name、target-new、および target-position を同時に設定する必要がある場合は、target abbreviation 属性を使用できます。target 属性は、これら 3 つの属性を 1 つのステートメントで同時に定義できます。 target-name 属性は CSS3 の新しい属性ですが、現在、主流のブラウザはこの属性をサポートしていません。

ターゲット名属性の構文形式

css 構文: ターゲット名: current/root/parent/new/modal/name

JavaScript 構文:object.style.targetName="new"

属性値の説明

current: リンクが配置されているフレーム、タブ、またはウィンドウでハイパーリンクを開きます

root: 現在のタブまたはウィンドウのハイパーリンク

parent: 親フレームでハイパーリンクを開きます。現在のフレームに親フレームがない場合、この値はルートとして扱われます。

new: 新しい宛先を作成します。

modal: 新しい (一時的に作成された) モーダル ウィンドウで新しいウィンドウを開きます

名前: 既存のフレーム、ウィンドウ、またはタブでリンクを開きます。宛先という名前が存在しない場合は、

インスタンス

<!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 中国語 Web サイトの他の関連記事を参照してください。

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