Skip to content

Commit 7a4ba16

Browse files
committed
Added that the available width of a block with a different orientation
as its parent is taken from the viewport.
1 parent 27bca26 commit 7a4ba16

1 file changed

Lines changed: 21 additions & 6 deletions

File tree

css3-box/Overview.src.html

Lines changed: 21 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1525,13 +1525,11 @@ <h2>The padding properties</h2>
15251525

15261526

15271527

1528-
<h2>Margins</h2>
1528+
<h2>The margin properties</h3>
15291529

15301530
<p>Margins in CSS serve to add both horizontal and vertical space
15311531
between boxes.
15321532

1533-
<h3>The margin properties</h3>
1534-
15351533
<table class="propdef">
15361534
<tr><th>Name: <td><dfn>margin-top</dfn>, <dfn>margin-right</dfn>,
15371535
<dfn>margin-bottom</dfn>, <dfn>margin-left</dfn>
@@ -2763,15 +2761,32 @@ <h3 id=blockwidth>Block-level, non-replaced elements
27632761
</div>
27642762
</div>
27652763

2766-
<p>With respect to the <span>inline dimension,</span> the following
2767-
constraint must hold among the used values of the given properties.
2764+
<p>With respect to the <span>inline dimension,</span> one of the
2765+
following constraints must hold among the used values of the given
2766+
properties.
2767+
2768+
<ul id=width-constraints>
2769+
<li>If the element has the same orientation as its containing block
2770+
(i.e., both are <em>horizontal</em> or both are <em>vertical</em>):
27682771

2769-
<blockquote id=width-constraints>
2772+
<blockquote>
27702773
<p>start margin + start border + start padding + inline dimension +
27712774
end padding + end border + end margin = inline dimension of
27722775
containing block
27732776
</blockquote>
27742777

2778+
<li>Otherwise the constraint is relative to the height or width of
2779+
the <em>initial containing block,</em> depending on whether the
2780+
element is <span>horizontal</span> or <span>vertical,</span>
2781+
respectively:
2782+
2783+
<blockquote>
2784+
<p>start margin + start border + start padding + inline dimension +
2785+
end padding + end border + end margin = width or height of
2786+
<em>initial containing block</em>
2787+
</blockquote>
2788+
</ul>
2789+
27752790
<p>The used values of the above properties, except for any values that
27762791
are ''auto'', are calculated from the computed values, evaluating
27772792
percentages. If this makes the inline dimension negative, then set

0 commit comments

Comments
 (0)