Skip to content

Commit 9124ec5

Browse files
authored
Merge pull request #5562 from frivoal/does-not-apply
[css-cascade] Editorial: clarify "does not apply"
2 parents 6c04a66 + 79e17fa commit 9124ec5

File tree

1 file changed

+29
-1
lines changed

1 file changed

+29
-1
lines changed

css-cascade-3/Overview.bs

Lines changed: 29 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -458,13 +458,41 @@ Used Values</h3>
458458
If a property does not <dfn id="applies-to" lt="apply to | applies to">apply to</dfn>
459459
this element or box type--
460460
as noted in its “Applies to” line--
461-
then it has no formatting effect on that type of box or element,
461+
then it has no direct formatting effect on that type of box or element,
462462
and therefore has no <a>used value</a> for that property.
463463

464464
<p class='example'>
465465
For example, the 'flex' property has no <a>used value</a>
466466
on elements that aren't <a>flex items</a>.
467467

468+
<div class=note>
469+
Note: Some properties that do not apply to certain elements or boxes
470+
may still have <em>indirect</em> formatting effects:
471+
their computed value may be taken into account
472+
in the computation of other properties or units
473+
that do have an effect on the element or box;
474+
inherited properties are also often set on elements
475+
that they don't apply to
476+
in order to get them to inherit into descendants to which they do apply,
477+
including cases where these descendants are anonymous boxes.
478+
479+
<div class=example>
480+
Even though 'writing-mode' and 'text-orientation' do not apply to table rows,
481+
setting them on such boxes
482+
will still affect the calculation of font relative units such as ''ch'',
483+
and thus possibly any property that takes a <<length>>.
484+
</div>
485+
<div class=example>
486+
Setting 'text-transform' on an HTML <{p}> element
487+
(which is ''display: block'' by default)
488+
will have an effect,
489+
even though 'text-transform' only applies to [=inline boxes=],
490+
because the property inherits
491+
into the paragraph's anonymous [=root inline box=].
492+
</div>
493+
</div>
494+
495+
468496
Note: A property defined to apply to “all elements”
469497
applies to all elements and [=display types=],
470498
but not necessarily to all [=pseudo-element=] types,

0 commit comments

Comments
 (0)