CSS のexpression_html/css_WEB-ITnose

最近、CSS の動作に興味があります。規格を満たしておらず、IE でしか認識できませんが、CSS の機能はかなり拡張されています。以下はインターネットから取得したテキストと例です。破損しているため、出典を示すことができません。

IE5 以降のバージョンでは、CSS 属性を Javascript 式に関連付けるための CSS での式の使用がサポートされています。ここでの CSS 属性は、要素の固有属性またはカスタム属性にすることができます。つまり、CSS 属性の後に Javascript 式を続けることができ、CSS 属性の値は Javascript 式の計算の結果と等しくなります。 式の中で要素自体のプロパティとメソッドを直接参照することも、他のブラウザ オブジェクトを使用することもできます。この式は、この要素のメンバー関数内にあるかのようになります。

要素の固有属性に値を割り当てます

以下はコンテナコンテナの幅を定義するもので、

要素のカスタム属性に値を割り当てます

たとえば、ページ上のリンク点線ボックスを削除します。 通常のアプローチは次のとおりです:

link1

link2
link3

一見すると、式を使用する利点はわかりません。それは明らかですが、ページに数十、さらには数百のリンクがある場合でも、Ctrl+C と Ctrl+V を機械的に使用しますか?

expressionの使用方法は以下の通りです:

link1
link2
link3

注: 内の星印は、ユーザーが定義した属性です。expression() に含まれるステートメントは、カスタム属性との間に引用符を入れることを忘れないでください。式。本質は依然として CSS であるため、スクリプトではなく style タグに配置されます。ページ内のリンク点線ボックスを一文で削除するのは簡単です。ただし、トリガーされた特殊効果が CSS 属性の変更である場合、結果は当初の意図とは異なります。たとえば、マウスの出入りに応じてページ上のテキスト ボックスの色を変更したい場合、自然に

しかし、結果はスクリプトエラーになります。CSS スタイルの定義を関数に記述するのが正しい方法です。 、以下に示すように:

注: いいえ、これは非常に必要です。式には比較的多くのブラウザ リソースが必要となるため、一般に式の使用は推奨されません。