【CSS3】画像やテキストのコピーを禁止する「user-select」の指定方法

ウェブサイト上の画像やテキストをコピーさせたくないときに使える便利なCSSプロパティを紹介します。

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

具体的にスタイルシートに記述する内容は次のようになります。

p,
img,
ul,
ol {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

なおベンダープレフィックスの「-webkit-」はMacOSのSafariとGoogle Chromeに、「-moz-」はFirefoxに、「-ms-」はIE10以上に、それぞれ対応します。

ソースコードを直接見られてしまうとコピーを防止する手段がありませんが、それでも「盗用はイヤだ！」ときになる方は試してみてはいかがでしょうか。