<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:">行内箱</anchor>の<rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><anchor>関与</anchor><rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">participate</rt></rubyb>する<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">書式付け文脈</anchor>を<dfn><rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">行内書式付け文脈<rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">inline formatting context</rt></rubyb></dfn>といいます。</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> 大雑把に言うと、<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>として規定されています。</p><section><h1>仕様書</h1><ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS 2.1</anchor><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> <cite xml:lang="en">Visual formatting model</cite> (<time>2009-09-04 22:00:16 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI">http://www.w3.org/TR/CSS21/visuren.html#inline-formatting</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="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</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>方向に順番に、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">包含ブロック</anchor>の<rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">上<rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">top</rt></rubyb>から<rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><anchor>配置</anchor><rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">laid out</rt></rubyb>されます。 <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;2</anchor-internal></src></p><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>方向の<ruby><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">余白</anchor><rt xml:lang="en">margin</rt></ruby>、<rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><anchor>境界線</anchor><rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">border</rt></rubyb>、<rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><anchor>詰め</anchor><rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">padding</rt></rubyb>が置かれます。 <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;2</anchor-internal></src></p><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>方向には上を揃えたり下を揃えたりなど色々に揃えられます。 <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;2</anchor-internal></src>
どのように揃えるかは <code class="CSS" xml:lang="en">'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">vertical-align</anchor>'</code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>で決まります。</p></section><section><h1>関連</h1><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> <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>します。</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> <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>方向に並べられて、それによって1つの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">行</anchor>となるわけですが、
そのような<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">箱</anchor>達を含んだ<rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><anchor>矩形</anchor>の領域<rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">rectanglular area</rt></rubyb>のことを<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">行箱</anchor>といいます。 <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;2</anchor-internal></src></p></section></body></html>