HOME > HTMLリファレンス [ABC順 / 目的別] > <LAYER>
<LAYER>
レイヤーを作成する [ HTML4.01規格外 / NN4独自仕様 ]
形式 ・ 説明
<LAYER> 〜 </LAYER>
- ウィンドウの左上を基準として left属性 と top属性 で指定した絶対位置にレイヤー表示する。
- <NOLAYER> で 未対応ブラウザの代替テキストを指定する。
- ILAYER はインラインレイヤー(Inline layer)の略。
属性
- src="ファイルのURL" ・・・ このレイヤーに表示するファイルの URL を指定。
- name="レイヤー名" ・・・ レイヤーに名前を指定できる。id属性も同じはたらきを持つ。
- width="数字" height="数字" ・・・ レイヤーの幅と高さを ピクセル か % で指定。
- left="数字" top="数字" ・・・ 左からの距離と上からの距離を指定できる。
- z-index="数字" ・・・ 複数レイヤーがある場合、重なる順番(大きな数字ほど上に表示)を指定できる。
- above="他のレイヤー名やID" ・・・ 指定したレイヤーより後ろのレイヤーとなる。
below="他のレイヤー名やID" ・・・ 指定したレイヤーより前のレイヤーとなる。 - bgcolor="色" background="背景画像のURL" ・・・ レイヤーの背景画像、背景色を指定。
- clip="数字,数字,数字,数字" ・・・ 左、上、右、下の順に指定した座標でクリッピングを行う。
- visibility=" 〜 " ・・・ このレイヤーの表示 / 非表示を指定。
- show (表示する) / hidden (表示しない) / inherit (親レイヤーの表示状態に従う)
使用例
HTMLソース
<LAYER bgcolor="red" width="100" height="50" left="100" top="50" z-index="1"></LAYER> <LAYER bgcolor="blue" width="100" height="50" left="300" top="80" z-index="2"></LAYER> <NOLAYER>このページではレイヤーを使用しています。</NOLAYER>
- <LAYER> と <ILAYER> を JavaScript と組み合わせて、NN4 で動的なホームページを可能にする。
- ダイナミックHTML は、なるべく多くのブラウザ(最新版IE、NN に加えて NN4 も)に対応させるため、このタグと他のブラウザ用のタグを組み合わせて使用することがある。
詳しくは、必要に応じて配布サイトでソースをもらったり、自分で勉強したりしてください。
このサイト内で使用している画像(バナー除く)及びテキストの無断複製・転載を禁じます
Copyright © 2006 KURAGEYA, All right reserved.