2016/01/04画像サイズを変更せずにCSSのborderで画像の枠を装飾するテクニックです。リンク画像にマウスオーバーでborderをつけることがよくありますが、リンクエリアのサイズを変えずに、かつ、画像サイズを変えずに、となると少しテクニックが必要です。マウスオーバーで10pxの太さの赤いborderを表示させていますが、カクっとサイズが変わる感じが嫌ですね。※分かりやすくするために極端な太さを例にしています。単純にaタグにボーダーを追加してしまうと、その分だけリンクエリアが広がってしまいます。そこで、以下のようにCSSを用意してあげれば、borderを追加してもリンクエリアのサイズは変わりません。-10px;}この方法を活用すれば、マウスオーバーによるボーダー装飾のリンクサイズをうまくコントロールできますね。-10px;}以上、単純だけど意外と見落としがちなテクニックのご紹介でした。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。inc.Profileサイト「helog」は私がWeb制作に携わるなかでの経験を中心に記しています。前にも発生したんだよなぁ。」といった無駄な時間を省くことを目的に書き始めました。「へ」の「ログ」です。個人的な技術メモのようなものですが、みなさんの何か役に立つことがあればこの上ないです。