Skip to content

[css-box-4][css-backgrounds-4][css-shapes-1] Cleanup <*-box> definitions #9505

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Nov 10, 2023
Merged

[css-box-4][css-backgrounds-4][css-shapes-1] Cleanup <*-box> definitions #9505

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
228e1b5
[css-box-4][css-backgrounds-4][css-shapes-1] Replace <box> definition…
cdoublev Oct 20, 2023
6b81c1b
[css-box] Restore <box> as the namespace for all box-egde keywords
cdoublev Oct 20, 2023
253b28e
[css-box] Add missing <box> definition
cdoublev Oct 20, 2023
cbf2d87
[css-box] Define box-edge keywords with appropriate namespaces
cdoublev Oct 20, 2023
deba935
[css-box] Do not export <box> definition
cdoublev Oct 20, 2023
a2b4802
[css-box] Define each box keyword with all namespaces
cdoublev Nov 6, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions css-backgrounds-4/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -160,15 +160,15 @@ Painting Area: the 'background-clip' property</h3>
The syntax of the property is given with

<pre class=prod>
<dfn>&lt;bg-clip></dfn> = <<box>> | border | text
<dfn>&lt;bg-clip></dfn> = <<visual-box>> | border | text
</pre>

Issue: Or should this be defining the <css>-webkit-background-clip</css> property,
saying that all the values are identical,
with this additional ''text'' value?

<dl dfn-type=value dfn-for="background-clip, <bg-clip>">
<dt><dfn><<box>></dfn>
<dt><dfn><<visual-box>></dfn>
<dd>
The background is painted within (clipped to)
the specified box of the element.
Expand Down
24 changes: 12 additions & 12 deletions css-box-3/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -211,42 +211,42 @@ The CSS Box Model {#box-model}
Box-edge Keywords {#keywords}
-----------------

The following CSS keywords are defined for use
The following <dfn noexport>&lt;box></dfn> CSS keywords are defined for use
in properties (such as 'transform-box' and 'background-clip')
that need to refer to various box edges:

<dl dfn-for="<box>,<shape-box>,<geometry-box>" dfn-type=value>
<dt><dfn>content-box</dfn>
<dl dfn-type=value>
<dt><dfn dfn-for="<box>,<visual-box>,<layout-box>,<shape-box>,<geometry-box>,<paint-box>,<coord-box>">content-box</dfn>
<dd>
Refers to the [=content box=] or [=content edge=].
(In an SVG context, treated as ''<box>/fill-box''.)

<dt><dfn>padding-box</dfn>
<dt><dfn dfn-for="<box>,<visual-box>,<layout-box>,<shape-box>,<geometry-box>,<paint-box>,<coord-box>">padding-box</dfn>
<dd>
Refers to the [=padding box=] or [=padding edge=].
(In an SVG context, treated as ''<box>/fill-box''.)

<dt><dfn>border-box</dfn>
<dt><dfn dfn-for="<box>,<visual-box>,<layout-box>,<shape-box>,<geometry-box>,<paint-box>,<coord-box>">border-box</dfn>
<dd>
Refers to the [=border box=] or [=border edge=].
(In an SVG context, treated as ''<box>/stroke-box''.)

<dt><dfn>margin-box</dfn>
<dt><dfn dfn-for="<box>,<layout-box>,<shape-box>,<geometry-box>">margin-box</dfn>
<dd>
Refers to the [=margin box=] or [=margin edge=].
(In an SVG context, treated as ''<box>/stroke-box''.)

<dt><dfn>fill-box</dfn>
<dt><dfn dfn-for="<box>,<geometry-box>,<paint-box>,<coord-box>">fill-box</dfn>
<dd>
Refers to the [=object bounding box=] or its edges.
(In a CSS box context, treated as ''<box>/content-box''.)

<dt><dfn>stroke-box</dfn>
<dt><dfn dfn-for="<box>,<geometry-box>,<paint-box>,<coord-box>">stroke-box</dfn>
<dd>
Refers to the [=stroke bounding box=] or its edges.
(In a CSS box context, treated as ''<box>/border-box''.)

<dt><dfn>view-box</dfn>
<dt><dfn dfn-for="<box>,<geometry-box>,<coord-box>">view-box</dfn>
<dd>
Refers to the nearest [=SVG viewport=] element’s
<dfn dfn lt="SVG viewport origin box" local-lt="origin box">origin box</dfn>,
Expand All @@ -268,9 +268,9 @@ Box-edge Keywords {#keywords}
For convenience, the following value types are defined:
<pre class="prod">
<dfn><<visual-box>></dfn> = content-box | padding-box | border-box
<dfn><<layout-box>></dfn> = content-box | padding-box | border-box | margin-box
<dfn><<paint-box>></dfn> = content-box | padding-box | border-box | fill-box | stroke-box
<dfn><<coord-box>></dfn> = content-box | padding-box | border-box | fill-box | stroke-box | view-box
<dfn><<layout-box>></dfn> = <<visual-box>> | margin-box
<dfn><<paint-box>></dfn> = <<visual-box>> | fill-box | stroke-box
<dfn><<coord-box>></dfn> = <<paint-box>> | view-box
</pre>

Margins {#margins}
Expand Down
24 changes: 12 additions & 12 deletions css-box-4/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -197,42 +197,42 @@ The CSS Box Model {#box-model}
Box-edge Keywords {#keywords}
-----------------

The following CSS keywords are defined for use
The following <dfn noexport>&lt;box></dfn> CSS keywords are defined for use
in properties (such as 'transform-box' and 'background-clip')
that need to refer to various box edges:

<dl dfn-for="<box>,<shape-box>,<geometry-box>" dfn-type=value>
<dt><dfn>content-box</dfn>
<dl dfn-type=value>
<dt><dfn dfn-for="<box>,<visual-box>,<layout-box>,<shape-box>,<geometry-box>,<paint-box>,<coord-box>">content-box</dfn>
<dd>
Refers to the [=content box=] or [=content edge=].
(In an SVG context, treated as ''<box>/fill-box''.)

<dt><dfn>padding-box</dfn>
<dt><dfn dfn-for="<box>,<visual-box>,<layout-box>,<shape-box>,<geometry-box>,<paint-box>,<coord-box>">padding-box</dfn>
<dd>
Refers to the [=padding box=] or [=padding edge=].
(In an SVG context, treated as ''<box>/fill-box''.)

<dt><dfn>border-box</dfn>
<dt><dfn dfn-for="<box>,<visual-box>,<layout-box>,<shape-box>,<geometry-box>,<paint-box>,<coord-box>">border-box</dfn>
<dd>
Refers to the [=border box=] or [=border edge=].
(In an SVG context, treated as ''<box>/stroke-box''.)

<dt><dfn>margin-box</dfn>
<dt><dfn dfn-for="<box>,<layout-box>,<shape-box>,<geometry-box>">margin-box</dfn>
<dd>
Refers to the [=margin box=] or [=margin edge=].
(In an SVG context, treated as ''<box>/stroke-box''.)

<dt><dfn>fill-box</dfn>
<dt><dfn dfn-for="<box>,<geometry-box>,<paint-box>,<coord-box>">fill-box</dfn>
<dd>
Refers to the [=object bounding box=] or its edges.
(In a CSS box context, treated as ''<box>/content-box''.)

<dt><dfn>stroke-box</dfn>
<dt><dfn dfn-for="<box>,<geometry-box>,<paint-box>,<coord-box>">stroke-box</dfn>
<dd>
Refers to the [=stroke bounding box=] or its edges.
(In a CSS box context, treated as ''<box>/border-box''.)

<dt><dfn>view-box</dfn>
<dt><dfn dfn-for="<box>,<geometry-box>,<coord-box>">view-box</dfn>
<dd>
Refers to the nearest [=SVG viewport=]’s
<dfn dfn lt="SVG viewport origin box" local-lt="origin box">origin box</dfn>,
Expand All @@ -253,9 +253,9 @@ Box-edge Keywords {#keywords}
For convenience, the following value types are defined:
<pre class="prod">
<dfn><<visual-box>></dfn> = content-box | padding-box | border-box
<dfn><<layout-box>></dfn> = content-box | padding-box | border-box | margin-box
<dfn><<paint-box>></dfn> = content-box | padding-box | border-box | fill-box | stroke-box
<dfn><<coord-box>></dfn> = content-box | padding-box | border-box | fill-box | stroke-box | view-box
<dfn><<layout-box>></dfn> = <<visual-box>> | margin-box
<dfn><<paint-box>></dfn> = <<visual-box>> | fill-box | stroke-box
<dfn><<coord-box>></dfn> = <<paint-box>> | view-box
</pre>

Margins {#margins}
Expand Down
4 changes: 2 additions & 2 deletions css-shapes-1/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -807,12 +807,12 @@ Shapes from Box Values</h2>
These edges include
<a href="https://www.w3.org/TR/css3-background/#corner-shaping">border-radius curvature</a> [[!CSS3BG]]
from the used border-radius values.
The <<shape-box>> value extends the <<box>> value
The <<shape-box>> value extends the <<visual-box>> value
to include ''margin-box''.
Its syntax is:

<pre class="prod">
<dfn><<shape-box>></dfn> = <<box>> | ''margin-box''
<dfn><<shape-box>></dfn> = <<visual-box>> | ''margin-box''
</pre>

The definitions of the values are:
Expand Down