knowledge base

マークアップ/フロントエンドエンジニアのWEB制作における備忘録です。平日はWEB屋、休日は社会人劇団の主宰・劇作家をしています。

CSS

クリックを無効にするには、JavaScriptを用いる手法をよく見かけますが、CSSでも実装が可能です。

a{
  pointer-events: none;
}

対応ブラウザはモダンブラウザが中心となっているそうです。

なぜこのようなプロパティがあるのだろうと思ったのですが、どうやらSVGと併用するといろいろなことが実現できるそうです。

以下で解説されているように、SVGのためのプロパティがいくつか用意されています。