You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The width of the table-wrapper box is the border-edge width of the table box inside it.
379
379
Percentages which would depend on the 'width' and 'height' on the table-wrapper box's size are relative to the table-wrapper box's containing block instead, not the table-wrapper box itself.
380
380
381
-
The computed values of properties 'position', 'float', 'margin'-*, 'top', 'right', 'bottom', and 'left' on the table element are used on the table-wrapper box and not the table box;
382
-
all other values of non-inheritable properties are used on the table box and not the table wrapper box. (Where the table element's values are not used on the table and table wrapper boxes, the initial values are used instead.)
383
-
<p class="note">
384
-
Since this does not have any effect on layout,
385
-
implementations are free not to generate this box when the table-root has no table-caption.
386
-
387
-
381
+
The computed values of properties 'position', 'float', 'margin'-*, 'top', 'right', 'bottom', and 'left' on the table box are used on the table-wrapper box and not the table box;
382
+
all other values of non-inheritable properties are used on the table box and not the table wrapper box. (Where the table boxes values are not used on the table and table wrapper boxes, the initial values are used instead.)
These transformations happen before the table fixup.
395
390
</div>
396
391
392
+
<div class="note">
393
+
Please note that the 'float' and 'position' properties sometimes <a href="http://www.w3.org/TR/CSS22/visuren.html#dis-pos-flo">affect the computed value</a> of 'display'.
394
+
When those properties are used on what should have been table internal boxes, they switch to <code>block</code> instead.
395
+
This transformation happen before the table fixup.
396
+
</div>
397
+
398
+
397
399
<div class="note">
398
400
We have modified the text of this section from CSS 2.2 to make it easier to read.
399
401
If you find any mistakes due to these changes please file an issue
<h4 id="global-style-overrides">Overrides applying in all modes</h4>
842
844
843
-
The following rules apply to all tables, irrespective of the layout mode in use:
845
+
The following rules apply to all tables, irrespective of the layout mode in use.
844
846
845
847
<ul>
846
-
<li>All css properties of <a>table-track</a> and <a>table-track-grouping</a> boxes are ignored,
848
+
849
+
<li>The computed values of properties 'position', 'float', 'margin'-*, 'top', 'right', 'bottom', and 'left' on the table box
850
+
are used on the table-wrapper box and not the table box;
851
+
the same holds true for the <a href="https://drafts.csswg.org/css-transforms/#grouping-property-values">properties whose use could force the used value of <object>'transform-style'</object> to <code>flat</code></a> and their shorthands/longhands relatives:
852
+
this list currently includes 'overflow', 'opacity', 'filter', 'clip', 'clip-path', 'isolation', 'mask'-*, 'mix-blend-mode', 'transform'-* and 'perspective'.
853
+
<br>
854
+
Where the table box values are not used on the table and/or table wrapper boxes,
855
+
the unset values are used instead for that box (inherit or initial, depending on the property).
856
+
857
+
<li>The 'overflow' property on the <a>table-root</a> and <a>table-wrapper</a> box, when its value is not either <code>visible</code> or <code>hidden</code>,
858
+
is ignored and treated as if its value was <code>visible</code>.
859
+
860
+
<li>All css properties of <a>table-column</a> and <a>table-column-group</a> boxes are ignored,
847
861
except when explicitely specified by this specification.
862
+
863
+
<li>The 'position' of <a>table-track</a> and <a>table-track-grouping</a> boxes is ignored
864
+
if its value is <code>relative</code>. User agents that support 'transform'
865
+
still need to support making these boxes containing blocks if required by spec.
866
+
867
+
<li>The 'margin', 'padding', 'overflow' and 'z-index' of <a>table-track</a> and <a>table-track-grouping</a boxes> are ignored.
848
868
849
869
<li>The 'margin' of <a>table-cell</a> boxes is ignored (as if it was set to 0px).
850
870
851
871
<li>The 'background' of <a>table-cell</a> boxes
852
872
are painted using a special background painting algorithm described in [[#drawing-cell-backgrounds]].
853
-
854
-
<li>The 'opacity' of <a>table-cell</a> boxes
855
-
applies using a special value combining its parent tracks values, as described in [[#TODO]].
856
873
857
-
<li>The 'transform' of <a>table-cell</a> boxes
858
-
applies using a special value combining its parent tracks values, as described in [[#TODO]].
0 commit comments