ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。