<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> の <dfn><code class="CSS" xml:lang="en">'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">position</anchor>'</code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor></dfn>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">箱</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">位置付け方式</anchor>や<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">配置</anchor>の方法の決定に関する指定を行います。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end><dl><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性名</anchor></dt><dd><code class="CSS" xml:lang="en">'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">position</anchor>'</code> (「<rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">位置<rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">position</rt></rubyb>」より)</dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性値</anchor></dt><dd><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">キーワード</anchor></dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">初期値</anchor></dt><dd><code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">static</anchor></code></dd><dt>適用対象</dt><dd>全要素</dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">継承</anchor></dt><dd>いいえ</dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">百分率値</anchor></dt><dd>なし</dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">媒体</anchor></dt><dd><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">視覚</anchor></dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">算出値</anchor></dt><dd><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">指定値</anchor>と同じ</dd></dl></p><section><h1>仕様書</h1><ul><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS 2.1</anchor><ul><li><anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/CSS21/visuren.html#propdef-position">http://www.w3.org/TR/CSS21/visuren.html#propdef-position</anchor-external></li></ul></li></ul></section><section><h1>特性値</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end>
この<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>には次の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">キーワード</anchor>のいずれかを指定できます <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS 2.1</anchor></src>。</p><dl><dt><code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">static</anchor></code></dt><dd>通常の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">箱</anchor>で、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">通常フロー</anchor>によって<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">配置</anchor>します。</dd><dt><code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">relative</anchor></code></dt><dd>一旦<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">通常フロー</anchor>で<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">配置</anchor>した後、
通常の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">位置</anchor>から<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">相対的</anchor>に移動した位置に<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">配置</anchor>し直します。</dd><dt><code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">absolute</anchor></code></dt><dd><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">包含ブロック</anchor>に対して<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">絶対配置</anchor>します。</dd><dt><code class="CSS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">fixed</anchor></code></dt><dd><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">包含ブロック</anchor>に対して<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">固定配置</anchor>しますが、
何らかの参照点について<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">固定</anchor>します。</dd></dl></section><section><h1>根要素</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者エージェント</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">根要素</anchor>の位置を <code class="CSS" xml:lang="en">'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">static</anchor>'</code>
として扱っても<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">構いません</strong></anchor> <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS 2.1</anchor></src>。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> <cite xml:lang="en-GB-hixie">Web Controls 1.0</cite>
( (<time>2004-11-09 08:49:52 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.whatwg.org/specs/web-controls/current-work/#changes0">http://www.whatwg.org/specs/web-controls/current-work/#changes0</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> <cite xml:lang="en-GB-hixie">Web Applications Markup Language 1.0</cite>
( (<time>2004-04-08 02:39:12 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://hixie.ch/specs/html/apps/web-apps-1#changes0">http://hixie.ch/specs/html/apps/web-apps-1#changes0</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> <cite xml:lang="en">CSS Positioned Layout Module Level 3</cite>
( (<time>2012-02-07 09:06:53 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/2012/WD-css3-positioning-20120207/">http://www.w3.org/TR/2012/WD-css3-positioning-20120207/</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> <cite>CSS Positioned Layout - Tab Completion</cite>
( (<time>2012-10-04 19:59:33 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.xanthir.com/blog/b48H0">http://www.xanthir.com/blog/b48H0</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> <cite xml:lang="en">CSS Positioned Layout Module Level 3</cite>
( (<time>2015-02-03 01:22:57 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/2015/WD-css3-positioning-20150203/">http://www.w3.org/TR/2015/WD-css3-positioning-20150203/</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> <cite xml:lang="en">Fix #21: make position:sticky compute to absolute · whatwg/fullscreen@dfdd8ae</cite>
(<time>2016-03-08 18:12:28 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/fullscreen/commit/dfdd8ae02010b94b60bdc2d35c15227c6194c565">https://github.com/whatwg/fullscreen/commit/dfdd8ae02010b94b60bdc2d35c15227c6194c565</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> <cite xml:lang="en">notriddle/ServoHypothetical: Hypothetical box layout for absolute positioning</cite>
(<time>2017-05-09 13:03:28 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/notriddle/ServoHypothetical/">https://github.com/notriddle/ServoHypothetical/</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end> (<time>2017-01-07 01:03:46 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://notriddle.github.io/ServoHypothetical/">https://notriddle.github.io/ServoHypothetical/</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="14" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[14]</anchor-end> <cite xml:lang="en">Deprecations and removals in Chrome 66  |  Web  |  Google Developers</cite>
(<time>2018-03-30 01:37:56 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://developers.google.com/web/updates/2018/03/chrome-66-deprecations">https://developers.google.com/web/updates/2018/03/chrome-66-deprecations</anchor-external></p></section></body></html>