Skip to content

Commit 79e17fa

Browse files
committed
[css-cascade] Editorial: clarify "does not apply"
1 parent e014c68 commit 79e17fa

File tree

1 file changed

+29
-1
lines changed

1 file changed

+29
-1
lines changed

css-cascade-3/Overview.bs

+29-1
Original file line numberDiff line numberDiff line change
@@ -445,13 +445,41 @@ Used Values</h3>
445445
If a property does not <dfn id="applies-to" lt="apply to | applies to">apply to</dfn>
446446
this element or box type--
447447
as noted in its “Applies to” line--
448-
then it has no formatting effect on that type of box or element,
448+
then it has no direct formatting effect on that type of box or element,
449449
and therefore has no <a>used value</a> for that property.
450450

451451
<p class='example'>
452452
For example, the 'flex' property has no <a>used value</a>
453453
on elements that aren't <a>flex items</a>.
454454

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

0 commit comments

Comments
 (0)