HTML5 CSSテンプレート 新規ウィンドウで開くアイコン

本稿では、新規ウィンドウで開く属性、値(target="_blank")を持つa要素でマークアップしたすべてのコンテンツのうしろに、このコンテンツが新規ウィンドウで開くことを表すアイコンを表示する方法を掲載しています。


スタイルシート記述例)

a[target="_blank"]::after {
	content: url(new_win_icon.gif);
	margin: 0px 2px;
}

本文記述例)

<a href="example.html" target="_blank">Example Page</a>

表示例)

Example Page

よろしければどうぞ。