コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLにインラインレイヤーを追加するにはどうすればよいですか?

HTMLにインラインレイヤーを追加するにはどうすればよいですか?

WBOY
リリース： 2023-08-29 17:37:09
転載
1139 人が閲覧しました

HTMLにインラインレイヤーを追加するにはどうすればよいですか?

タグを使用してインライン レイヤーを追加します。 HTML タグは、含まれるテキスト ストリーム内のスペースを占めるレイヤーを作成するために使用されます。後続のコンテンツは、 が占めるスペースの後に配置されます。

これは、テキスト フローを含むレイヤーの上にレイヤーを作成し、作成したばかりのレイヤーに後続のコンテンツを配置できるようにする タグとは対照的です。

HTML

このタグは次の属性をサポートしています -

AttributesValue説明の上Background#下名前##rgb(x,x,x)色の名前番号#Height名前Numberインライン レイヤーの左の位置ブラウザウィンドウ。 ##非表示#z-index例 を実現するには、次のコードを実行してみてください。

 >

## レイヤー

name

Z オーダーで現在のレイヤーの真上に配置されるインライン レイヤーの名前。

URL

インライン レイヤーのテキストと画像が表示される画像のファイル名または URLそれ。

レイヤー

配置されるインライン レイヤーの名前は、z オーダーで現在のレイヤーの直下にあります。

#bgcolor
#xxxxxx

インライン レイヤーの背景に使用される色。

#クリップ

表示されるインライン レイヤーの座標エリア。

td>Pixels
インライン レイヤーの高さ、ピクセル単位で。

#left

number
インライン レイヤーの左の位置。現在のインライン レイヤーが別のレイヤーの一部である場合。親レイヤーと呼ばれます。位置は親レイヤーを基準にしています。

#名前

 レイヤー

# #インラインレイヤーの名前。

#pagex

#pagey

Number

 p>

インライン レイヤーの上部ブラウザ ウィンドウの位置を基準とします。

#src

 URL

 はインライン レイヤーに表示されます内のページの URL。

#Top

 number

 インライン レイヤーの上部の場所。現在のインライン レイヤーが親レイヤーと呼ばれる別のレイヤーである場合、位置は親レイヤーを基準とします。
可視性

 show

 インライン レイヤーが表示されるかどうかを決定する。

継承

#幅

 ピクセル

インライン レイヤーの幅、ピクセル単位で。

Number

 インライン レイヤーの位置Z オーダー。 Z-INDEX 値が高いインライン レイヤーは、Z-INDEX 値が低いインライン レイヤーの上に配置されます。

タグ -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML ilayer Tag</title>
   </head>
   <body>
      This <ilayer top = "4">word</ilayer> is shifted down, while this
      <ilayer left = "10">one</ilayer> is shifted over. With a negative value,
      words can be moved <ilayer top = "-4">up</ilayer> and to the
      <ilayer left = "-10">left</ilayer>.
</body>
</html>
ログイン後にコピー

以上がHTMLにインラインレイヤーを追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：tutorialspoint.com
前の記事：JavaScript RegExp を使用して複数行のマッチングを実行するにはどうすればよいですか? 次の記事：マテリアライズ CSS チェックボックスを @Html.CheckBoxFor で動作させるにはどうすればよいですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2161
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2310
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1948
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1823
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1876
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート