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
Copy file name to clipboardExpand all lines: css-overflow-3/Overview.bs
+21-3Lines changed: 21 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -337,10 +337,10 @@ Scrolling and Clipping Overflow: the 'overflow-x', 'overflow-y', and 'overflow'
337
337
Name: overflow-x, overflow-y
338
338
Value: visible | hidden | clip | scroll | auto
339
339
Initial: ''visible''
340
-
Applies to: block containers [[!CSS2]], flex containers [[!CSS3-FLEXBOX]], and grid containers [[!CSS3-GRID-LAYOUT]]
340
+
Applies to: block containers [[!CSS2]], flex containers [[!CSS3-FLEXBOX]], grid containers [[!CSS3-GRID-LAYOUT]], and [=replaced=] elements
341
341
Inherited: no
342
342
Percentages: N/A
343
-
Computed value: as specified, except with ''visible''/''clip'' computing to ''overflow/auto''/''hidden'' (respectively) if one of 'overflow-x' or 'overflow-y' is neither ''visible'' nor ''clip''
343
+
Computed value: usually specified value, but see text
344
344
Animation type: discrete
345
345
</pre>
346
346
@@ -375,6 +375,11 @@ Scrolling and Clipping Overflow: the 'overflow-x', 'overflow-y', and 'overflow'
375
375
the box’s content is rendered outside the box if positioned there.
376
376
The box is not a <a>scroll container</a>.
377
377
378
+
If the element is [=replaced=],
379
+
any overflow is [=ink overflow=].
380
+
(Otherwise, it might be [=ink overflow=] or [=scrollable overflow=],
381
+
depending on what precisely is overflowing.)
382
+
378
383
<dt><dfn>hidden</dfn>
379
384
<dd>
380
385
This value indicates that
@@ -432,6 +437,15 @@ Scrolling and Clipping Overflow: the 'overflow-x', 'overflow-y', and 'overflow'
432
437
if there is overflow.
433
438
</dl>
434
439
440
+
On non-[=replaced=] elements,
441
+
the ''visible''/''overflow/clip'' values of 'overflow'
442
+
compute to ''overflow/auto''/''hidden'' (respectively)
443
+
if one of 'overflow-x' or 'overflow-y' is neither ''visible'' nor ''overflow/clip''.
444
+
445
+
On [=replaced elements=],
446
+
all values other than ''visible''
447
+
compute to ''overflow/clip''.
448
+
435
449
If the computed value of 'overflow' on a <a>block box</a>
436
450
is neither ''overflow/visible'' nor ''overflow/clip'' nor a combination thereof,
437
451
it [=establishes an independent formatting context=] for its contents.
@@ -440,6 +454,7 @@ Scrolling and Clipping Overflow: the 'overflow-x', 'overflow-y', and 'overflow'
440
454
(or ''visibility/collapse'' when it has the same effect as ''visibility/hidden''),
441
455
and 'overflow' is either ''overflow/scroll'' or ''overflow/auto'',
442
456
then:
457
+
443
458
* The user agent must not make any scrolling mechanism visible.
444
459
To the extent that the scrolling mechanism that would normally be visible
445
460
in the absence of ''visibility: hidden'' affects layout,
@@ -614,7 +629,10 @@ Expanding Clipping Bounds: the 'overflow-clip-margin' property</h3>
614
629
::
615
630
Specifies the box edge to use as the [=overflow clip edge=] origin,
616
631
i.e. when the specified offset is zero.
617
-
Defaults to ''overflow-clip-margin/padding-box'' if omitted.
632
+
633
+
If omitted,
634
+
defaults to ''overflow-clip-margin/padding-box'' on non-[=replaced=] elements,
635
+
or ''overflow-clip/content-box'' on [=replaced=] elements.
0 commit comments