ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSS フォントのコピー不可コードとは何ですか?

CSS フォントのコピー不可コードとは何ですか?

藏色散人
藏色散人オリジナル
2023-01-28 14:16:592063ブラウズ

CSS フォントをコピーできないコードは「-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none」です。 ; - o-user-select:none;user-select:none;"、"user-select" 属性は要素のテキストを選択できるかどうかを指定します。

CSS フォントのコピー不可コードとは何ですか?

このチュートリアルの動作環境: Windows 10 システム、css3 バージョン、DELL G3 コンピューター

コピーできないものとはCSSフォントのコード?

CSS を使用して Web ページのテキストを読み取り専用およびコピー不可に設定する

Web ページのテキストを読み取り専用およびコピー不可に設定する方法コピー可能で、私たちが知っている JS 実装に加えて、CSS を使用して実装することもできます。

CSS では、body 要素に「user-select:none;」スタイルを設定して、テキストをコピー不可で読み取り専用に設定できます。

css 設定ではテキスト コンテンツのコピーが許可されていません。方法は非常に簡単です。ユーザーが選択した CSS を設定することで目的を達成できます:

-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属性 */
user-select属性设置或检索是否允许用户选中文本。
user-select的默认值是 text:可以选择文本
none:文本不被选择

関連紹介:

user-select 属性 要素のテキストを選択できるかどうかを指定します。

Web ブラウザでテキストをダブルクリックすると、テキストが選択されるか強調表示されます。このプロパティは、この動作を防止するために使用されます。

CSS 文法

user-select: auto|none|text|all;

属性値:

CSS フォントのコピー不可コードとは何ですか?

推奨学習: 「css ビデオ チュートリアル

以上がCSS フォントのコピー不可コードとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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