Skip to content

Commit 5a30c6e

Browse files
committed
[css-sizing-3] Simplify the sizing diagrams and put them into the spec.
1 parent f6cb21b commit 5a30c6e

File tree

3 files changed

+44
-68
lines changed

3 files changed

+44
-68
lines changed

css-sizing-3/Overview.bs

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,12 @@ Terminology</h2>
8888
a <a>block size</a> and/or <a>inline size</a>;
8989
alternatively a width and/or height.
9090

91+
<figure>
92+
<img style="max-width: 49%;" src="images/sizing-ltr-tb.svg"><img style="max-width: 49%;" src="images/sizing-ttb-rl.svg">
93+
<figcaption>Whether the <a>width</a> or <a>height</a> corresponds
94+
to an <a>inline size</a> or <a>block size</a> depends on the <a>writing mode</a>.</figcaption>
95+
</figure>
96+
9197
<dt><dfn>inner size</dfn>
9298
<dd>
9399
The <a href="https://www.w3.org/TR/css2/box.html#box-dimensions">content-box</a> size of a <a>box</a>.

css-sizing-3/images/sizing-ltr-tb.svg

Lines changed: 19 additions & 34 deletions
Loading

css-sizing-3/images/sizing-ttb-rl.svg

Lines changed: 19 additions & 34 deletions
Loading

0 commit comments

Comments
 (0)