ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSのテキストを読み取り専用でコピー不可に設定する方法

CSSのテキストを読み取り専用でコピー不可に設定する方法

王林
王林オリジナル
2020-11-19 11:15:474088ブラウズ

CSS 内のテキストを読み取り専用かつコピー不可に設定する方法: [user-select: none;] など、user-select 属性を使用して設定できます。 user-select 属性は、ユーザーがテキストを選択できるかどうかを設定または取得するために使用されます。None はテキストを選択できないことを意味します。

CSSのテキストを読み取り専用でコピー不可に設定する方法

このチュートリアルの動作環境: Windows7 システム、CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

css 設定テキストはコピーできず読み取り専用です

関連属性:

user-select 属性は、ユーザーが許可されているかどうかを設定または取得しますを押してテキストを選択します。

(学習ビデオ共有: css ビデオ チュートリアル)

文法:

user-select:none |text| all | element

属性値:

none:テキストは選択できません

text: テキストを選択できます

all: 全体としてすべてのコンテンツを選択できます。子要素をダブルクリックするか、コンテキストに応じてクリックすると、選択した部分がその子要素から遡った最上位の祖先要素になります。

要素: テキストは選択できますが、選択範囲は要素の境界によって制限されます

例:

-moz-user-select:none; /* Firefox私有属性 */
-webkit-user-select:none; /* WebKit内核私有属性 */
-ms-user-select:none; /* IE私有属性(IE10及以后) */
-khtml-user-select:none; /* KHTML内核私有属性 */
-o-user-select:none; /* Opera私有属性 */
user-select:none; /* CSS3属性 */

関連する推奨事項: CSS チュートリアル

以上がCSSのテキストを読み取り専用でコピー不可に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。