• HOME
  • HTML/CSS
  • リンク先のアドレスを表示させ印刷する方法

リンク先のアドレスを表示させ印刷する方法

管理人:sofu

リンク先のアドレスを印刷物上で確認したい場合、CSSでリンク部分にそのアドレスも付けて印刷させる方法があります。※IEには未対応です。

CSSコード

 
a:link:after, a:visited:after {
    content:" ("attr(href)")";
}
 

:after疑似要素に対しcontentプロパティを設定することにより、a:link・a:visitedのhref属性値であるアドレス部分も印刷されます。ただし、:after疑似要素およびcontentプロパティは、IE未対応ですので、IEには使えません。

サンプル

↑後ろにアドレスが表示されていれば、ブラウザは対応しています。

blog comments powered by Disqus

PageTop