CSS_javascriptのヒントでposition属性を設定してレイヤーの位置を修正します
定義と使用法
position 属性は、要素の配置タイプを指定します。
説明
この属性は、要素のレイアウトを確立するために使用される位置決めメカニズムを定義します。任意の要素を配置できますが、絶対要素または固定要素は、要素自体のタイプに関係なく、ブロック レベルのボックスを生成します。相対的に配置された要素は、通常のフローではデフォルトの位置からオフセットされます。
| 默认值： | static |
|---|---|
| 继承性： | no |
| 版本： | CSS2 |
| JavaScript 语法： | object.style.position="absolute" |
例
h2 要素の配置:
h2
{
position:absolute;
left:100px;
top:150px;
}
TIY
ブラウザのサポート
主要なブラウザはすべて、position 属性をサポートしています。
注: 属性値「inherit」は、Internet Explorer (IE8 を含む) のどのバージョンでもサポートされていません。
可能な値
TIY の例
| 値 | 説明 | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 絶対 |
要素の位置は、「left」、「top」、「right」、「bottom」属性によって指定されます。 |
||||||||||||
| 修正済み |
ブラウザ ウィンドウを基準にして絶対配置された要素を生成します。 要素の位置は、「left」、「top」、「right」、「bottom」属性によって指定されます。 |
||||||||||||
| 相対 |
通常の位置を基準にして、相対的に配置された要素を生成します。 つまり、「left:20」は要素の LEFT 位置に 20 ピクセルを追加します。 |
||||||||||||
| 静的 | デフォルト値。位置決めを行わない場合、要素は通常のフローで表示されます (上、下、左、右、または z-index 宣言は無視されます)。 | ||||||||||||
| 継承 | は、position 属性の値が親要素から継承される必要があることを指定します。 |
