CSS3

CSS関数

element()

  編集:2022.07.09 by T.A.

[Edge]⛌。→mdn

要素を画像として利用する。

element( <id-selector> )
<id-selector>
ID選択子

#<識別子>

p 要素を文書内の他所で背景として再利用する例:

<style>
#src {
  color: white;
  background: lime;
  width: 12em;
  height: 3em;
  position: relative;
}
#dst {
  color: black;
  background: element(#src);
  width: 20em;
  padding: 1.5em;
}
</style>
<p id='src'>普通の要素です。</p>
<p id='dst'>前の要素を背景に利用しています。</p>

表示結果:

以下のCSSが組み込んであります:

<DIV class=Test style="border:1px solid red; width:200px; height:100px;
">テスト</DIV>
<SPAN id=IdTest>背景</SPAN>


テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: