最終更新日

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外部リンク
HOME
当サイトの活動をサポートしてみませんか?気軽にクリエイターの支援ができます。