CSS3のattr（）関数でオブジェクトの属性とインタラクトする方法 - ダミー

ビデオ: Como usar Butter Knife en Otros Elementos - Inyeccion de Dependencias 05 2025

attr（）関数は、スタイルの一部としてオブジェクトの任意の属性とやりとりすることができるので面白いです。この機能は、インターネット上で多くのユニークな方法で使用されていますが、ほとんどの場合、秘密にされているようです。

attr（）に依存するクイックアプリケーションを示すサイトの1つがThe New Hotness：CSS3 Visual Effectsの使用です。次の手順では、より簡単な方法でattr（）関数を実演し、詳細な方法でデモンストレーションするいくつかの例をオンラインでよりよく理解できるようにします。

<！ --1 - >

テキストエディタで新しいHTML5ファイルを作成します。
HTMLページに次のコードを入力します。
```
attr（）関数の使用

attr（）関数の使用
ワールド
```
ここには見出しと段落だけがあります。この段落では、標準属性idと非標準属性TestTextが定義されています。 attr（）関数に使用する属性は標準である必要はなく、任意の属性を定義できます。
<！ - 2 - >
ファイルをAttrとして保存します。 HTML。
テキストエディタで新しいCSSファイルを作成します。
次のCSSスタイル情報を入力します。
```
#TestMe：before {content：attr（TestText）;}
```
スタイルは、スタイルからの出力がTestMeによって参照されるタグの前にidとして現れることから始まります。次に、attr（）関数を使用して、その領域の内容をTestText属性の現在の値に設定します。
<！ - 3 - >
ファイルをAttrとして保存します。 CSS。
Attrの例をロードします。

出力は、あなたが期待していたもの、つまりHello Worldです。 attr（）関数を使用すると、ページ内のあらゆる種類の情報を非表示にしたり、さまざまな方法で情報を再利用したり、デバッグ作業を実行することができます。