Skip to content

Commit 2317722

Browse files
authored
[cssom][css-grid][css-transforms] Make 'transform-origin' and 'perspective-origin' resolved value like 'height'
Also mention that 'grid-template-rows' and 'grid-template-columns' are resolved value special case properties (no normative change). Fixes w3c#392.
1 parent d99abee commit 2317722

File tree

4 files changed

+17
-11
lines changed

4 files changed

+17
-11
lines changed

css-grid/Overview.bs

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1720,6 +1720,9 @@ Flexible Lengths: the ''fr'' unit</h4>
17201720
<h4 id='resolved-track-list'>
17211721
Resolved Values</h4>
17221722

1723+
The 'grid-template-rows' and 'grid-template-columns' properties are
1724+
<a>resolved value special case properties</a>. [[!CSSOM]]
1725+
17231726
When an element's 'display' is ''grid'' or ''inline-grid'' and it generates a box,
17241727
the <a href="https://www.w3.org/TR/cssom/#resolved-values">resolved value</a>
17251728
of the 'grid-template-rows' and 'grid-template-columns' properties is the used value,

css-transforms-2/Overview.bs

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,10 @@ Abstract: This spec add new tranform functions and properties for three-dimensio
1818

1919
<pre class="link-defaults">
2020
spec:css-2d-transforms-1;
21-
type:property;
21+
type:property;
2222
text:transform
2323
text:transform-origin
24-
type:dfn;
24+
type:dfn;
2525
text: transformation matrix
2626
text: transformable element
2727
</pre>
@@ -50,7 +50,7 @@ Module Interactions {#module-interactions}
5050
The '3D transform functions' here extend the set of functions for the 'transform' property.
5151

5252
Some values of 'perspective', 'transform-style' and 'backface-visibility' result in the creation of a <a href="https://www.w3.org/TR/CSS2/visuren.html#containing-block">containing block</a>, and/or the creation of a <a spec="css21">stacking context</a>.
53-
53+
5454
Three-dimensional transforms affect the visual layering of elements, and thus override the back-to-front painting order described in <a href="https://www.w3.org/TR/CSS2/zindex.html">Appendix E</a> of [[!CSS21]].
5555

5656

@@ -137,7 +137,7 @@ Three-dimensional transform functions extend this coordinate space into three di
137137

138138
<p id="transformation-matrix-computation">
139139
The <a>transformation matrix</a> is computed from the 'transform' and 'transform-origin' properties as follows:
140-
140+
141141
1. Start with the identity matrix.
142142
2. Translate by the computed X, Y and Z of 'transform-origin'
143143
3. Multiply by each of the transform functions in 'transform' property from left to right
@@ -733,7 +733,7 @@ The values for 'perspective-origin' represent an offset of the perspective origi
733733

734734
</dl>
735735

736-
'perspective-origin' is a <a>resolved value special case property</a>. The <a>resolved value</a> of 'perspective-origin' is the <a>used value</a> (i.e., percentages are resolved to absolute lengths).
736+
The 'perspective-origin' property is a <a>resolved value special case property like 'height'</a>. [[!CSSOM]]
737737

738738
The 'backface-visibility' Property {#backface-visibility-property}
739739
==================================

css-transforms/Overview.bs

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -46,9 +46,9 @@ spec:css-display-3; type:value; for:display
4646
text: table-footer-group
4747
text: table-cell
4848
text: table-caption
49-
49+
5050
spec:css-overflow-4; type:property;
51-
text:overflow
51+
text:overflow
5252

5353
spec:css-backgrounds-3; type:property
5454
text: background-attachment
@@ -118,7 +118,7 @@ When used in this specification, terms have the meanings assigned in this sectio
118118
:: A transformable element is an element in one of these categories:
119119
* an element whose layout is governed by the CSS box model which is either a <a href="https://www.w3.org/TR/CSS2/visuren.html#block-level">block-level</a> or <a href="https://www.w3.org/TR/CSS2/visuren.html#x13">atomic inline-level element</a>, or whose 'display' property computes to ''table-row'', ''table-row-group'', ''table-header-group'', ''table-footer-group'', ''table-cell'', or ''table-caption'' [[!CSS21]]
120120
* an element in the SVG namespace and not governed by the CSS box model which has the attributes 'transform', <{pattern/patternTransform}> or <{linearGradient/gradientTransform}> [[!SVG11]].
121-
121+
122122
: <dfn>transformed element</dfn>
123123
:: An element with a computed value other than ''transform/none'' for the 'transform' property.
124124

@@ -153,7 +153,7 @@ The coordinate space is a coordinate system with two axes: the X axis increases
153153

154154
<p id="transformation-matrix-computation">
155155
The [=transformation matrix=] is computed from the 'transform' and 'transform-origin' properties as follows:
156-
156+
157157
1. Start with the identity matrix.
158158
2. Translate by the computed X and Y of 'transform-origin'
159159
3. Multiply by each of the transform functions in 'transform' property from left to right
@@ -315,7 +315,7 @@ If two or more values are defined and either no value is a keyword, or the only
315315
:: Computes to ''50%'' (''left 50%'') for the horizontal position if the horizontal position is not otherwise specified, or ''50%'' (''top 50%'') for the vertical position if it is.
316316
</dl>
317317

318-
'transform-origin' is a <a>resolved value special case property</a>. The <a href="https://www.w3.org/TR/cssom/#resolved-value">resolved value</a> of 'transform-origin' is the [=used value=] (i.e., percentages are resolved to absolute lengths).
318+
The 'transform-origin' property is a <a>resolved value special case property like 'height'</a>. [[!CSSOM]]
319319

320320

321321
Transform reference box: the 'transform-box' property {#transform-box}
@@ -344,7 +344,7 @@ All transformations defined by the 'transform' and 'transform-origin' property a
344344

345345
: <dfn dfn-type=value>view-box</dfn>
346346
:: Uses the nearest <a href="https://www.w3.org/TR/SVG11/intro.html#TermSVGViewport">SVG viewport</a> as reference box.
347-
347+
348348
If a {{viewBox}} attribute is specified for the <a href="https://www.w3.org/TR/SVG11/intro.html#TermSVGViewport">SVG viewport</a> creating element:
349349
* The reference box is positioned at the origin of the coordinate system established by the {{viewBox}} attribute.
350350
* The dimension of the reference box is set to the <em>width</em> and <em>height</em> values of the {{viewBox}} attribute.

cssom/Overview.bs

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2702,6 +2702,7 @@ as follows:
27022702
<dt>'color'
27032703
<dt>'line-height'
27042704
<dt>'outline-color'
2705+
<dt>A <dfn export>resolved value special case property like 'color'</dfn> defined in another specification
27052706
<dd>The <a>resolved value</a> is the <a>used value</a>.
27062707

27072708
<dt>'block-size'
@@ -2724,6 +2725,7 @@ as follows:
27242725
<dt>'padding-right'
27252726
<dt>'padding-top'
27262727
<dt>'width'
2728+
<dt>A <dfn export>resolved value special case property like 'height'</dfn> defined in another specification
27272729
<dd>If the property applies to the element or pseudo-element and the <a>resolved value</a> of the
27282730
'display' property is not ''display/none'' or ''display/contents'', then the <a>resolved value</a>
27292731
is the <a>used value</a>. Otherwise the <a>resolved value</a> is the <a>computed value</a>.
@@ -2736,6 +2738,7 @@ as follows:
27362738
<dt>'offset-inline-start'
27372739
<dt>'right'
27382740
<dt>'top'
2741+
<dt>A <dfn export>resolved value special case property like 'top'</dfn> defined in another specification
27392742
<dd>If the property applies to a positioned element and the <a>resolved value</a> of the 'display'
27402743
property is not ''display/none'' or ''display/contents'', and the property is not over-constrained,
27412744
then the <a>resolved value</a> is the <a>used value</a>. Otherwise the <a>resolved value</a> is the

0 commit comments

Comments
 (0)