Loading

[CSS] CSSだけで手軽にコピー禁止する方法!


誰かのセリフや歌詞等、コピーを禁止しないといけないWEB記事は意外に多いです!また、コピペできてしまうとすぐにパクられるという悲しいお話もあり・・・今回は、CSSだけで実現できるお手軽コピー禁止の方法を伝授します!

[CSS] CSSだけで手軽にコピー禁止する方法!

user-selectを無効化するだけ!

右クリックコピー禁止はすごく簡単です!下記コードをCSSに追加するだけで実現できちゃいます!

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

ページ全体であればbodyに、その他であれば対象のパーツ群に対してコードを埋め込みましょう(。・ω・。)

/* ページ全体を右クリックコピー禁止 */
body{
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* #songs を右クリックコピー禁止 */
#songs{
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

以上、たったコレだけで実現できちゃいます〜!必要に応じてWEB記事を守りましょう(。・ω・。)

CSS関連記事

CSSのその他記事もまとめてますので、是非お立ち寄りください(。・ω・。)

ふぇにば|PhoEniBiR

投稿者プロフィール

わくわくしてて偉い系VTuver ふぇにば です。
少しでもお役に立てておりましたら嬉しいです(。・ω・。)

関連記事

  1. 『Windows』コマンドプロンプトで簡単にファイル一覧を作成する方法!

    2017.11.08
  2. [jQuery] formのアクションを変更する〜フォーム送信時(Submit時…

    2018.08.10
  3. [PHP] 入力フォームのバリデーションチェックを実装する

    2016.05.09
  4. 『Excel VBA』マクロで辞書オブジェクト(KEY-VALUE)の使い方まと…

    2016.09.01
  5. [PHP] ソーシャルボタン自作!PHPでSNSのカウント数を取得する(Face…

    2017.11.25
  6. [CSS] CSSのみでデザインするおしゃれなヘッダー・見出し(h1~h6タグ)…

    2018.06.11

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


New Article

  1. ドラクエウォーク スロット どっちがいい
  2. 三國志真戦 戦法中国語翻訳
  3. ドラクエウォーク 2023年装備ガチャ
  4. ドラクエウォーク 覚醒千里行
  5. VRChat TrustRank
PAGE TOP