CSS の Behavior 属性とその使用例の紹介
CSS の動作属性の構文をご存知ですか? CSS Web ページをレイアウトするときに、フォームのコンテンツを更新する必要がある状況によく遭遇しますが、CSS の動作は非常に複雑です。この問題は解決しました。
この記事では、CSS での動作属性構文の使用に焦点を当てます。CSS Web ページをレイアウトするときに、フォーム内のコンテンツを更新する必要がある状況によく遭遇しますが、実際にはこれが使用されます。そうするのは面倒ですが、CSS の動作はこの問題を非常にうまく解決します。
CSS 属性の動作構文
CSS Web ページをレイアウトしているとき、更新時にフォームにコンテンツを保持する必要がある状況によく遭遇します。私たちは Cookie を使用することに慣れていますが、そうするのは非常に面倒です。 CSS の動作がそれを実現します。この問題に対する非常に良い解決策です。今日は CSS 属性の動作の構文を紹介します。
behavior 属性構文:
behavior:url(url)|url(#objID)|url(#default#behaviorName)
Value:
url(url): 絶対または相対 URL アドレスを使用して DHTML 動作コンポーネント (.htc) を指定します
url(#objID): バイナリ実装を使用します (ActiveX® コントロールとして) ）の動作。ここの #objID はオブジェクト object の id 属性値です
url(#default#behaviorName) : IE のデフォルトの動作。動作の名前識別子 (#behaviorName) によって指定されます
説明: オブジェクトの DHTML 動作を設定または取得します。複数のアクションはスペースで区切ります。
同じ機能に関連付けられた複数の動作が競合する場合、結果は動作が機能に適用される順序によって異なります。後のアクションは前のアクションより優先されます。異なる動作によって提供されるプロパティ、イベント、メソッド間の名前の競合にも同じルールが適用されます。
addBehavior メソッドを使用して、オブジェクトに動的にビヘイビアーを追加できます。
このプロパティは、currentStyle オブジェクトに対して読み取り専用です。他のオブジェクトについては、読み取りと書き込みが可能です。
スタイル シート (CSS) の動作属性を使用してインラインで定義された動作、または addBehavior メソッドを使用して添付された動作は、オブジェクトがドキュメント ツリーから削除されても自動的に切り離されないことに注意することが重要です。ドキュメント内のスタイルシート ルールによって定義された動作は、オブジェクトがドキュメント ツリーから削除されると自動的に切り離されます。
スクリプト呼び出し
ExampleSourceCode
<html>
<head> <style>
h1{behavior:url(behave.htc)} </style>
</head> <body> <h1>把鼠标放在这里52css.com</h1>
</body> </html> behave.htc <component>
<attachforattachfor="element"event="onmouseover"handler="hig_lite"/> <attachforattachfor="element"event="onmouseout"handler="low_lite"/>
<scripttypescripttype="text/javascript"> functionhig_lite() { element.style.color=255 } functionlow_lite() { element.style.color=0 }
</script> </component> 注: CSS を使用する場合は、Behaviors テクノロジの使用を避けるようにしてください
Internet ExplorerBehaviors
それは何ですか? Internet Explorer 5 では動作 (動作) が導入されました。ビヘイビアは、CSS を使用して HTML 要素にビヘイビアを追加する方法です。
なぜそれを避けるべきですか? Internet Explorer のみが動作属性をサポートします。
代わりに何を使う？代わりに JavaScript と HTMLDOM を使用してください
以上がCSS の Behavior 属性とその使用例の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7449
15
1374
52
77
11
14
6
ブートストラップボタンの使用方法
Apr 07, 2025 pm 03:09 PM
ブートストラップボタンの使用方法は？ブートストラップCSSを導入してボタン要素を作成し、ブートストラップボタンクラスを追加してボタンテキストを追加します
ブートストラップに写真を挿入する方法
Apr 07, 2025 pm 03:30 PM
ブートストラップに画像を挿入する方法はいくつかあります。HTMLIMGタグを使用して、画像を直接挿入します。ブートストラップ画像コンポーネントを使用すると、レスポンシブ画像とより多くのスタイルを提供できます。画像サイズを設定し、IMG-Fluidクラスを使用して画像を適応可能にします。 IMGボーダークラスを使用して、境界線を設定します。丸い角を設定し、IMGラウンドクラスを使用します。影を設定し、影のクラスを使用します。 CSSスタイルを使用して、画像をサイズ変更して配置します。背景画像を使用して、背景イメージCSSプロパティを使用します。
ブートストラップにファイルをアップロードする方法
Apr 07, 2025 pm 01:09 PM
ファイルアップロード機能は、Bootstrapを介して実装できます。手順は次のとおりです。BootstrapCSSおよびJavaScriptファイルを紹介します。ファイル入力フィールドを作成します。ファイルアップロードボタンを作成します。ファイルのアップロードを処理します（FormDataを使用してデータを収集し、サーバーに送信します）。カスタムスタイル（オプション）。
ブートストラップの日付を確認する方法
Apr 07, 2025 pm 03:06 PM
ブートストラップの日付を確認するには、次の手順に従ってください。必要なスクリプトとスタイルを紹介します。日付セレクターコンポーネントを初期化します。 Data-BV-Date属性を設定して、検証を有効にします。検証ルール（日付形式、エラーメッセージなどなど）を構成します。ブートストラップ検証フレームワークを統合し、フォームが送信されたときに日付入力を自動的に検証します。
ブートストラップリストでデフォルトスタイルを削除する方法は？
Apr 07, 2025 am 10:18 AM
ブートストラップリストのデフォルトスタイルは、CSSオーバーライドで削除できます。より具体的なCSSルールとセレクターを使用し、「近接原理」と「重量原理」に従って、ブートストラップのデフォルトスタイルをオーバーライドします。スタイルの競合を避けるために、よりターゲットを絞ったセレクターを使用できます。オーバーライドが失敗した場合は、カスタムCSSの重量を調整します。同時に、パフォーマンスの最適化に注意を払い、重要な！の過剰使用を避け、簡潔で効率的なCSSコードを書いてください。
ブートストラップナビゲーションバーの設定方法
Apr 07, 2025 pm 01:51 PM
ブートストラップは、ナビゲーションバーをセットアップするための簡単なガイドを提供します。ブートストラップライブラリを導入してナビゲーションバーコンテナを作成するブランドアイデンティティの作成ナビゲーションリンクの作成他の要素の追加（オプション）調整スタイル（オプション）
ブートストラップのフレームワークをセットアップする方法
Apr 07, 2025 pm 03:27 PM
Bootstrapフレームワークをセットアップするには、次の手順に従う必要があります。1。CDNを介してブートストラップファイルを参照してください。 2。独自のサーバーでファイルをダウンロードしてホストします。 3。HTMLにブートストラップファイルを含めます。 4.必要に応じてSASS/LESSをコンパイルします。 5。カスタムファイルをインポートします（オプション）。セットアップが完了したら、Bootstrapのグリッドシステム、コンポーネント、スタイルを使用して、レスポンシブWebサイトとアプリケーションを作成できます。
