'position'

Edit New

'position'

[1] CSS の 'position' 特性は、 箱の位置付け方式や配置の方法の決定に関する指定を行います。

[3]

特性名
'position' (「位置 (position) 」より)
特性値
キーワード
初期値
static
適用対象
全要素
継承
いいえ
百分率値
なし
媒体
視覚
算出値
指定値と同じ

仕様書

特性値

[4] この特性には次のキーワードのいずれかを指定できます CSS 2.1。

static
通常の箱で、通常フローによって配置します。
relative
一旦通常フローで配置した後、 通常の位置から相対的に移動した位置に配置し直します。
absolute
包含ブロックに対して絶対配置します。
fixed
包含ブロックに対して固定配置しますが、 何らかの参照点について固定します。

根要素

[5] 利用者エージェントは根要素の位置を 'static' として扱っても構いません CSS 2.1。

[6] Web Controls 1.0 ( ( 版)) <http://www.whatwg.org/specs/web-controls/current-work/#changes0>

[7] Web Applications Markup Language 1.0 ( ( 版)) <http://hixie.ch/specs/html/apps/web-apps-1#changes0>

[8] CSS Positioned Layout Module Level 3 ( ( 版)) <http://www.w3.org/TR/2012/WD-css3-positioning-20120207/>

[9] CSS Positioned Layout - Tab Completion ( ( 版)) <http://www.xanthir.com/blog/b48H0>

[10] CSS Positioned Layout Module Level 3 ( ( 版)) <http://www.w3.org/TR/2015/WD-css3-positioning-20150203/>

[11] Fix #21: make position:sticky compute to absolute · whatwg/fullscreen@dfdd8ae ( 版) <https://github.com/whatwg/fullscreen/commit/dfdd8ae02010b94b60bdc2d35c15227c6194c565>

[12] notriddle/ServoHypothetical: Hypothetical box layout for absolute positioning () <https://github.com/notriddle/ServoHypothetical/>

[13] () <https://notriddle.github.io/ServoHypothetical/>

[14] Deprecations and removals in Chrome 66  |  Web  |  Google Developers () <https://developers.google.com/web/updates/2018/03/chrome-66-deprecations>

Updated: