CSSでテキストの範囲選択を無効にする方法

ここでは、CSSでテキストの範囲選択を無効にする方法について説明していきます。

user-select

CSSでテキストの範囲選択を無効にするには、「user-select」プロパティを用います。

構文

user-select: none;

使用例

HTML

<main class="main">
  <p class="main__p">user-select: none;</p>
</main>

CSS

.main__p {
  user-select: none;
}

出力結果

まとめ

このように、「user-select」プロパティの値を「none」にすることで、テキストの範囲選択を無効にすることができます。