CSSでコピーを禁止する方法

CSS のコピーを禁止する方法は、[user-select] 属性を通じてコピー不可能な CSS コードを設定することです。構文は [user-select: none | text | all | element] です。

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

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属性 */

IE6-9 は行いませんこの属性はサポートされていますが、 user-select:none の効果を実現するための label 属性 onselectstart="return false;" の使用もサポートされています。

user-select

構文:

user-select：none |text| all | element

デフォルト値: text

適用対象: を除く要素を除くすべての要素を置換します。

継承: なし

アニメーション: なし

計算値: 指定された値

値:

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

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

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

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

関連学習の推奨事項: css チュートリアル

以上がCSSでコピーを禁止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。