最終更新日 2021年6月6日

target-nameプロパティ

target-nameは、リンク先の名前を指定するプロパティです。

値には、「current」「root」「parent」「new」「modal」、または文字列を指定できます。

target関連プロパティをまとめて指定する場合は、targetを使用します。

■モーダルウィンドウについて

モーダルウィンドウとは、表示中に他のウィンドウの操作を受け付けないポップアップウィンドウのことです。一般的には、暗くしたページ上に表示されるウィンドウの事を指します。モーダルウィンドウを表示する代表的なJavaScriptライブラリーの名称から、「Lightboxウィンドウ」と呼ばれることもあります。

図1：モーダルウィンドウの表示例

CSS3での変更点

・target-nameは、CSS3から新しく追加されたプロパティです。

初期値	適用先	継承
current	ハイパーリンク	なし

値	説明
current	リンクが置かれている現在のフレーム、タブまたはウィンドウ。（初期値）
root	ルートタブまたはルートウィンドウ
parent	親フレーム。親フレームがない場合は「root」として扱われます。
new	新しいタブまたはウィンドウ
modal	モーダルウィンドウ
文字列	任意の名前を付けます。その名前のフレーム、タブまたはウィンドウが存在しない場合は、その名前で新しいタブまたはウィンドウを作成します。

サンプルコード

target-name: current;
target-name: root;
target-name: parent;
target-name: new;
target-name: modal;
target-name: nextwindow;

参考文献：CSS3 Hyperlink Presentation Module