CSSテキストを選択不可に設定する方法-CSSチュートリアル-php.cn

CSSテキストを選択不可に設定する方法

藏色散人

リリース： 2023-02-17 15:50:27

オリジナル

16891 人が閲覧しました

CSS テキストを選択不可に設定する方法: 1. HTML サンプルファイルを作成します; 2. div を作成してテキストの内容を定義します; 3. 「user-select:」を設定してテキストを選択不可に設定します。 none;" 属性。できます。

CSSテキストを選択不可に設定する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

CSS テキストを選択不可に設定するにはどうすればよいですか?

css 設定テキストはオプションではありません例:

<!DOCTYPE HTML>
<html>
<head>
<title>Creating non-selectable text using CSS</title>
<style type="text/css">
div {
margin-bottom: 20px;
padding: 10px;
background: rgba(10%, 10%, 10%, 0.3);
-moz-border-radius: 15px;
border-radius: 15px;
}
div#d2 {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
font-style: italic;
}
</style>
</head>
<body>
<div id="d1">文字可以选择</div>
<div id="d2">文字不可选</div>
</body>
</html>

ログイン後にコピー

レンダリング:

CSSテキストを選択不可に設定する方法

css 設定テキストはオプションではありません使用 user-select 属性。

user-select属性の概要:

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

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

CSS 構文

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

ログイン後にコピー

属性値

値

auto デフォルト。ブラウザで許可されている場合はテキストを選択できます。

none はテキストの選択を妨げます。

text テキストはユーザーが選択できます。

all ダブルクリックする代わりにクリックしてテキストを選択します。

関連拡張:

1990 年、ティムバーナーズリーとロバートカイリオは共同で Web を発明しました。 1994 年に、Web は実際に実験室から誕生しました。

HTML の発明以来、スタイルはさまざまな形で存在してきました。さまざまなブラウザーが独自のスタイル言語を組み合わせて、ユーザーがページ効果を制御できるようにします。元の HTML には、いくつかの表示属性しか含まれていませんでした。

HTML の成長に伴い、ページ設計者の要件を満たすために、HTML には多くの表示機能が追加されました。しかし、これらの機能が増えるにつれて、HTML はますます複雑になり、HTML ページはますます肥大化していきます。そこでCSSが誕生しました。

Hakun Lee は 1994 年に CSS の最初の提案を提案しました。当時、Bert Bos は Argo というブラウザを設計していたので、一緒に CSS を設計することにしました。

実は、当時のインターネット業界ではスタイルシート言語の統一に関する提案はいくつかありましたが、「カスケード」という豊かな意味を含んだスタイルシート言語はCSSが初めてでした。 CSS では、1 つのファイル内のスタイルを他のスタイルシートから継承できます。読者は、ある場所では自分の好みのスタイルを使用し、他の場所では著者のスタイルを継承または「カスケード」することができます。この階層化されたアプローチにより、作成者と読者の両方が独自のデザインを追加し、誰もが好むものを組み合わせることができる柔軟性が得られます。

Ha Kun は 1994 年にシカゴで開催されたカンファレンスで初めて CSS を提案しました。CSS は 1995 年の www network カンファレンスで再び提案されました。Boss は CSS をサポートする Argo ブラウザの例をデモンストレーションしました。Haken はまた、CSS のサポートをデモンストレーションしました。アリーナブラウザ。

同年、W3C 組織 (World WideWeb Consortium) が設立され、CSS のクリエイティブなメンバー全員が W3C ワーキンググループとなり、CSS 標準の開発に全力を尽くし、ついにカスケードスタイルシートの開発に至りました。正しい道で。 Microsoft の Thomas Reaxdon など、参加するメンバーはますます増え、その努力は最終的に Internet Explorer ブラウザーでの CSS 標準のサポートにつながりました。 Ha Kun 氏、Persia 氏などがこのプロジェクトの主要な技術リーダーです。 1996 年末に CSS の初稿が完成し、同年 12 月にカスケードスタイルシートの最初の正式な標準 (Cascading Style Sheets Level 1) が完成し、w3c の推奨標準となりました。

1997 年初頭、CSS を担当する W3C ワーキンググループは、初版でカバーされていない問題について議論し始めました。議論の結果、1998 年 5 月に発行された CSS 仕様の第 2 版が形成されました。

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

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