Life Collections

誰かのセリフや歌詞等、コピーを禁止しないといけない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記事を守りましょう(｡･ω･｡)

2020.05.17

『CSS』まとめ記事一覧

本サイトのCSS関連記事をまとめています。是非ご覧下さい。 CSS 関連記事一覧 ...

CSS関連記事

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

2018.08.07

[CSS] ブラウザ毎にずれないCSS！リセットCSS・デフォルトCSSコード公開！

「あれ、違うブラウザで見るとレイアウトが崩れちゃった」WEBサイト作る方々にはあるあるなお話です。原因の1つが、ブラウザ毎にデフォルトのCSSがあり、それが反映されてしまっているパターンです！今回は、ブラウザ毎の差異をなくすリセットCSSについて解説します！ ...

2018.06.11

[CSS] CSSのみでデザインするおしゃれなヘッダー・見出し（h1～h6タグ）サンプル集

今回は見出し・ヘッダー（h1〜h6タグ）の洗練されたおしゃれなデザインサンプルを紹介します。h3タグベースに、CSSのソースコードはコピペで利用できるように整理してますので、ご自由にご利用ください！ No.1 左ワンポイントでおしゃれさUP！ 最もポピュラ...

2017.10.11

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

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