8000 Update refs to the box model · MaxCodeXTC/csswg-drafts@c49572b · GitHub
Skip to content

Commit c49572b

Browse files
xfqxfq
committed
Update refs to the box model
Follow-up of w3c#3078.
1 parent fd17aa0 commit c49572b

10 files changed

Lines changed: 91 additions & 112 deletions

File tree

  • css-backgrounds-3
  • css-break-3
    • < 8000 div class="PRIVATE_TreeView-item-level-line prc-TreeView-TreeViewItemLevelLine-F-0-2">
      Overview.bs
  • css-contain-1
  • css-exclusions-1
  • css-page-3
  • css-regions-1
  • css-shapes-1
  • css-shapes-2
  • css-ui-3
  • css-ui-4

    • ‎css-backgrounds-3/Overview.bs‎

    Lines changed: 2 additions & 2 deletions
    Original file line numberDiff line numberDiff line change
    @@ -1804,7 +1804,7 @@ the 'color' property. The fact that the
    18041804
    <tr>
    18051805
    <th>Percentages:
    18061806
    <td>Refer to corresponding dimension of the
    1807-
    <a href="https://www.w3.org/TR/CSS2/box.html#box-dimensions">border box</a>.
    1807+
    <a>border box</a>.
    18081808
    <tr>
    18091809
    <th>Computed value:
    18101810
    <td>two absolute <<length>> or percentages
    @@ -1832,7 +1832,7 @@ the 'color' property. The fact that the
    18321832
    <tr>
    18331833
    <th>Percentages:
    18341834
    <td>Refer to corresponding dimension of the
    1835-
    <a href="https://www.w3.org/TR/CSS2/box.html#box-dimensions">border box</a>.
    1835+
    <a>border box</a>.
    18361836
    <tr>
    18371837
    <th>Computed value:
    18381838
    <td>see individual properties

    ‎css-break-3/Overview.bs‎

    Lines changed: 1 addition & 5 deletions
    Original file line numberDiff line numberDiff line change
    @@ -114,11 +114,7 @@ Fragmentation Model and Terminology</h2>
    114114
    A box in continuous flow always consists of only one fragment.
    115115
    A box in a fragmented flow consists of one or more fragments.
    116116
    Each fragment has its own share of the box’s border, padding, and margin,
    117-
    and therefore has its own
    118-
    <a href="https://www.w3.org/TR/CSS2/box.html#box-padding-area">padding area</a>,
    119-
    <a href="https://www.w3.org/TR/CSS2/box.html#box-border-area">border area</a>,
    120-
    and
    121-
    <a href="https://www.w3.org/TR/CSS2/box.html#box-margin-area">margin area</a>.
    117+
    and therefore has its own <a>padding area</a>, <a>border area</a>, and <a>margin area</a>.
    122118
    (See 'box-decoration-break', which controls how these are affected by fragmentation.)
    123119
    <dt><dfn>remaining fragmentainer extent</dfn></dt>
    124120
    <dd>

    ‎css-contain-1/Overview.bs‎

    Lines changed: 0 additions & 1 deletion
    Original file line numberDiff line numberDiff line change
    @@ -23,7 +23,6 @@ spec: css2; urlPrefix: https://www.w3.org/TR/CSS2/
    2323
    type: value; for: content; url: generate.html#value-def-close-quote; text: close-quote
    2424
    type: value; for: content; url: generate.html#value-def-no-open-quote; text: no-open-quote
    2525
    type: value; for: content; url: generate.html#value-def-no-close-quote; text: no-close-quote
    26-
    type: dfn; url: box.html#padding-edge; text: padding edge
    2726

    2827
    spec: css-backgrounds-3;
    2928
    type: dfn; url: https://drafts.csswg.org/css-backgrounds-3/#corner-clipping; text: corner clipping

    ‎css-exclusions-1/Overview.bs‎

    Lines changed: 2 additions & 3 deletions
    Original file line numberDiff line numberDiff line change
    @@ -62,7 +62,7 @@ Terminology</h2>
    6262
    <dd>
    6363
    The area used for excluding inline flow content around an exclusion box. The
    6464
    <span>exclusion area</span> is equivalent to the
    65-
    <a href="https://www.w3.org/TR/CSS2/box.html#box-dimensions">border box</a>
    65+
    <a>border box</a>
    6666
    for an exclusion box.
    6767

    6868
    <p class="note">
    @@ -88,8 +88,7 @@ Terminology</h2>
    8888

    8989
    <dt><dfn>Content area</dfn>
    9090
    <dd>
    91-
    The <a href="https://www.w3.org/TR/CSS2/box.html#box-dimensions">content area</a>
    92-
    is normally used for layout of the inline flow content of a box.
    91+
    The <a>content area</a> is normally used for layout of the inline flow content of a box.
    9392

    9493
    <dt><dfn>Wrapping area</dfn>
    9594
    <dd>

    ‎css-page-3/Overview.bs‎

    Lines changed: 1 addition & 3 deletions
    Original file line numberDiff line numberDiff line change
    @@ -1035,9 +1035,7 @@ Page-Margin Box Layout Terminology</h4>
    10351035
    of the left and right page-margin boxes.
    10361036

    10371037
    <dt><dfn>outer width</dfn>
    1038-
    <dd>The width of the
    1039-
    <a href="https://www.w3.org/TR/CSS21/box.html#outer-edge">outer edge</a>,
    1040-
    as defined in [[!CSS21]].
    1038+
    <dd>The width of the <a>outer edge</a>, as defined in [[!CSS-BOX-3]].
    10411039

    10421040
    <dt><dfn>min-content width</dfn>
    10431041
    <dd>Whichever of <a spec=css-sizing>min-content block size</a>

    ‎css-regions-1/Overview.bs‎

    Lines changed: 1 addition & 1 deletion
    Original file line numberDiff line numberDiff line change
    @@ -1269,7 +1269,7 @@ The Region interface</h3>
    12691269
    <dd>
    12701270
    The region's flow fragment content
    12711271
    fits into the region's
    1272-
    <a href="https://www.w3.org/TR/CSS21/box.html#box-dimensions">content box</a>.
    1272+
    <a>content box</a>.
    12731273
    If the region is the <a>last usable region</a>
    12741274
    in the <a>region chain</a>,
    12751275
    it means that the content

    ‎css-shapes-1/Overview.bs‎

    Lines changed: 1 addition & 1 deletion
    Original file line numberDiff line numberDiff line change
    @@ -114,7 +114,7 @@ Terminology</h3>
    114114
    to determine where content flows.
    115115
    By default,
    116116
    the <a>float area</a> is the float element's
    117-
    <a href="https://www.w3.org/TR/CSS2/box.html#box-dimensions">margin box</a>
    117+
    <a>margin box</a>
    118118
    (note this can be different than
    119119
    the <a>float area</a> produced
    120120
    by the ''margin-box'' value,

    ‎css-shapes-2/Overview.bs‎

    Lines changed: 16 additions & 16 deletions
    Original file line numberDiff line numberDiff line change
    @@ -66,7 +66,7 @@ Terminology</h2>
    6666
    around an exclusion box.
    6767
    The <span>exclusion area</span>
    6868
    is equivalent to the
    69-
    <a href="https://www.w3.org/TR/CSS2/box.html#box-dimensions">border box</a>
    69+
    <a>border box</a>
    7070
    for an exclusion box.
    7171
    This specification's 'shape-outside' property
    7272
    can be used to define arbitrary,
    @@ -84,14 +84,14 @@ Terminology</h2>
    8484
    By default,
    8585
    the float area is
    8686
    the float element's
    87-
    <a href="https://www.w3.org/TR/CSS2/box.html#box-dimensions">margin box</a>.
    87+
    <a>margin box</a>.
    8888
    This specification's 'shape-outside' property
    8989
    can be used to define arbitrary,
    9090
    non-rectangular float areas.
    9191

    9292
    <dfn>Content area</dfn>
    9393

    94-
    The <a href="https://www.w3.org/TR/CSS2/box.html#box-dimensions">content area</a>
    94+
    The <a>content area</a>
    9595
    is normally used for layout of the inline flow content of a box.
    9696

    9797

    @@ -143,14 +143,14 @@ Supported Shapes</h3>
    143143
    or ''evenodd''.
    144144
    Default value when omitted is ''nonzero''.</li>
    145145
    <li>
    146-
    The <string> represents an
    147-
    <a href="https://www.w3.org/TR/SVG11/paths.html#PathData">SVG Path data string</a>.
    148-
    The path data string must be conform
    149-
    to the grammar and parsing rules of SVG 1.1.
    150-
    The initial position is defined
    151-
    by the first “move to” argument
    152-
    in the path string.
    153-
    For the initial direction follow SVG 1.1.
    146+
    The <string> represents an
    147+
    <a href="https://www.w3.org/TR/SVG11/paths.html#PathData">SVG Path data string</a>.
    148+
    The path data string must be conform
    149+
    to the grammar and parsing rules of SVG 1.1.
    150+
    The initial position is defined
    151+
    by the first “move to” argument
    152+
    in the path string.
    153+
    For the initial direction follow SVG 1.1.
    154154
    </li>
    155155
    </ul>
    156156
    </dd>
    @@ -339,8 +339,8 @@ The 'shape-inside' Property</h4>
    339339
    <dl>
    340340
    <dt><dfn for=shape-inside>''outside-shape''</dfn></dt>
    341341
    <dd>
    342-
    The shape is computed based on
    343-
    the shape defined by the shape-outside
    342+
    The shape is computed based on
    343+
    the shape defined by the shape-outside
    344344
    and shape-margin properties.
    345345
    </dd>
    346346
    </dl>
    @@ -391,8 +391,8 @@ The 'shape-inside' Property</h4>
    391391
    by 'shape-inside' and 'shape-padding'
    392392
    (as well as any other exclusion areas
    393393
    in the element's wrapping context).
    394-
    In other words,
    395-
    overflow continues outside
    394+
    In other words,
    395+
    overflow continues outside
    396396
    the rectangular bounds of the element.</p>
    397397

    398398
    <div class='figure'>
    @@ -408,7 +408,7 @@ The 'shape-inside' Property</h4>
    408408
    </p>
    409409
    </div>
    410410

    411-
    Issue: improve the illustration above,
    411+
    Issue: improve the illustration above,
    412412
    using text to show overflow instead of greeked boxes.
    413413

    414414
    When a shape-inside has a definite size

    ‎css-ui-3/Overview.bs‎

    Lines changed: 67 additions & 68 deletions
    Original file line numberDiff line numberDiff line change
    @@ -81,7 +81,6 @@ spec:css2; type:property; text:background-image
    8181
    <!-- Some of the following definitions have existing exported defintions from other specs,
    8282
    but not from specs that are OK to link to from a CR -->
    8383
    <pre class="anchors">
    84-
    url: https://www.w3.org/TR/CSS2/box.html#border-edge; type: dfn; spec: CSS2; text: border edge
    8584
    url: https://www.w3.org/TR/CSS2/visufx.html#propdef-overflow
    8685
    type: property; spec: CSS2; text: overflow
    8786
    type: value; spec: CSS2; text: visible; for: overflow
    @@ -142,14 +141,14 @@ this specification links directly to these terms where relevant.
    142141

    143142
    <h3 id="box-sizing" caniuse="css3-boxsizing">Changing the Box Model: the 'box-sizing' property</h3>
    144143

    145-
    <pre class="propdef">
    146-
    Name: box-sizing
    144+
    <pre class="propdef">
    145+
    Name: box-sizing
    147146
    Value: content-box | border-box
    148-
    Initial: content-box
    149-
    Applies to: all elements that accept width or height
    150-
    Inherited: no
    151-
    Percentages: N/A
    152-
    Computed value: specified value
    147+
    Initial: content-box
    148+
    Applies to: all elements that accept width or height
    149+
    Inherited: no
    150+
    Percentages: N/A
    151+
    Computed value: specified value
    153152
    </pre>
    154153

    155154
    <dl dfn-type=value dfn-for=box-sizing>
    @@ -292,55 +291,55 @@ The rendering of applying transforms to outlines is left explicitly undefined in
    292291

    293292
    <h3 id="outline">Outlines Shorthand: the 'outline' property</h3>
    294293

    295-
    <pre class="propdef">
    296-
    Name: outline
    294+
    <pre class="propdef">
    295+
    Name: outline
    297296
    Value: [ <<'outline-color'>> || <<'outline-style'>> || <<'outline-width'>> ]
    298-
    Initial: see individual properties
    299-
    Applies to: all elements
    300-
    Inherited: no
    301-
    Percentages: N/A
    302-
    Computed value: see individual properties
    303-
    Animation type: see individual properties
    297+
    Initial: see individual properties
    298+
    Applies to: all elements
    299+
    Inherited: no
    300+
    Percentages: N/A
    301+
    Computed value: see individual properties
    302+
    Animation type: see individual properties
    304303
    </pre>
    305304

    306305
    <h3 id="outline-width">Outline Thickness: the 'outline-width' property</h3>
    307306

    308-
    <pre class="propdef">
    309-
    Name: outline-width
    307+
    <pre class="propdef">
    308+
    Name: outline-width
    310309
    Value: <<line-width>>
    311-
    Initial: medium
    312-
    Applies to: all elements
    313-
    Inherited: no
    314-
    Percentages: N/A
    310+
    Initial: medium
    311+
    Applies to: all elements
    312+
    Inherited: no
    313+
    Percentages: N/A
    315314
    Computed value: absolute length; ''0'' if the outline style is ''border-style/none''.
    316315
    Animation type: <a href="https://drafts.csswg.org/css3-transitions/#animtype-length">length</a>
    317316
    </pre>
    318317

    319318
    <h3 id="outline-style">Outline Patterns: the 'outline-style' property</h3>
    320319

    321-
    <pre class="propdef">
    322-
    Name: outline-style
    323-
    Value: auto | <'border-style'>
    324-
    Initial: none
    325-
    Applies to: all elements
    326-
    Inherited: no
    327-
    Percentages: N/A
    320+
    <pre class="propdef">
    321+
    Name: outline-style
    322+
    Value: auto | <'border-style'>
    323+
    Initial: none
    324+
    Applies to: all elements
    325+
    Inherited: no
    326+
    Percentages: N/A
    328327
    Computed value: as specified
    329328
    </pre>
    330329

    331330
    <h3 id="outline-color">Outline Colors: the 'outline-color' property</h3>
    332331

    333-
    <pre class="propdef">
    334-
    Name: outline-color
    335-
    Value: <<color>> | invert
    336-
    Initial: invert
    337-
    Applies to: all elements
    338-
    Inherited: no
    339-
    Percentages: N/A
    332+
    <pre class="propdef">
    333+
    Name: outline-color
    334+
    Value: <<color>> | invert
    335+
    Initial: invert
    336+
    Applies to: all elements
    337+
    Inherited: no
    338+
    Percentages: N/A
    340339
    Computed value: The computed value for ''outline-color/invert'' is ''outline-color/invert'';
    341340
    the computed value of ''outline-color/currentColor'' is ''outline-color/currentColor'' (See [[CSS-COLOR-3/#currentColor]]);
    342341
    see the 'color' property for other <<color>> values.
    343-
    Animation Type: <a href="https://drafts.csswg.org/css3-transitions/#animtype-color">color</a>
    342+
    Animation Type: <a href="https://drafts.csswg.org/css3-transitions/#animtype-color">color</a>
    344343
    </pre>
    345344

    346345
    The outline created with the outline properties is drawn "over" a box,
    @@ -460,15 +459,15 @@ it may well overlap other elements on the page.
    460459
    By default, the outline is drawn starting just outside the <a>border edge</a>.
    461460
    However, it is possible to offset the outline and draw it beyond the <a>border edge</a>.
    462461

    463-
    <pre class="propdef">
    464-
    Name: outline-offset
    465-
    Value: <<length>>
    466-
    Initial: 0
    467-
    Applies to: all elements
    468-
    Inherited: no
    469-
    Percentages: N/A
    470-
    Computed value: <<length>> value in absolute units (px or physical).
    471-
    Animation Type: <a href="https://drafts.csswg.org/css3-transitions/#animtype-length">length</a>
    462+
    <pre class="propdef">
    463+
    Name: outline-offset
    464+
    Value: <<length>>
    465+
    Initial: 0
    466+
    Applies to: all elements
    467+
    Inherited: no
    468+
    Percentages: N/A
    469+
    Computed value: <<length>> value in absolute units (px or physical).
    470+
    Animation Type: <a href="https://drafts.csswg.org/css3-transitions/#animtype-length">length</a>
    472471
    </pre>
    473472

    474473
    If the computed value of 'outline-offset'
    @@ -513,14 +512,14 @@ The 'resize' property allows the author
    513512
    to specify whether or not an element is resizable by the user,
    514513
    and if so, along which axis/axes.
    515514

    516-
    <pre class="propdef">
    517-
    Name: resize
    518-
    Value: none | both | horizontal | vertical
    519-
    Initial: none
    515+
    <pre class="propdef">
    516+
    Name: resize
    517+
    Value: none | both | horizontal | vertical
    518+
    Initial: none
    520519
    Applies to: elements with 'overflow' other than visible,
    521-
    and optionally replaced elements such as images, videos, and iframes
    522-
    Inherited: no
    523-
    Percentages: N/A
    520+
    and optionally replaced elements such as images, videos, and iframes
    521+
    Inherited: no
    522+
    Percentages: N/A
    524523
    Computed value: as specified
    525524
    </pre>
    526525

    @@ -918,8 +917,8 @@ While the content is being scrolled, implementations may adjust their rendering
    918917
    <h3 id="pointer-interaction">Pointer interaction</h3>
    919918

    920919
    <h4 id="cursor" caniuse="css3-cursors">Styling the Cursor: the 'cursor' property</h4>
    921-
    <pre class="propdef">
    922-
    Name: cursor
    920+
    <pre class="propdef">
    921+
    Name: cursor
    923922
    Value: [ [<<url>> [&lt;x&gt; &lt;y&gt;]?,]* <br>
    924923
    [ auto | default | none |<br>
    925924
    context-menu | help | pointer | progress | wait | <br>
    @@ -930,12 +929,12 @@ Value: [ [<<url>> [&lt;x&gt; &lt;y&gt;]?,]* <br>
    930929
    col-resize | row-resize |
    931930
    all-scroll |<br>
    932931
    zoom-in | zoom-out <br>
    933-
    ] ]
    934-
    Initial: auto
    935-
    Applies to: all elements
    936-
    Inherited: yes
    937-
    Percentages: N/A
    938-
    Computed value: as specified, except with any relative URLs converted to absolute
    932+
    ] ]
    933+
    Initial: auto
    934+
    Applies to: all elements
    935+
    Inherited: yes
    936+
    Percentages: N/A
    937+
    Computed value: as specified, except with any relative URLs converted to absolute
    939938
    </pre>
    940939

    941940
    This property specifies the type of cursor to be displayed for the pointing device
    @@ -1238,17 +1237,17 @@ boxes are generated for it and its cursor is used for the canvas.
    12381237
    <h3 id="insertion-caret">Insertion caret</h3>
    12391238

    12401239
    <h4 id="caret-color" caniuse="css-caret-color">Coloring the Insertion Caret: the 'caret-color' property</h4>
    1241-
    <pre class="propdef">
    1242-
    Name: caret-color
    1243-
    Value: auto | <<color>>
    1244-
    Initial: auto
    1240+
    <pre class="propdef">
    1241+
    Name: caret-color
    1242+
    Value: auto | <<color>>
    1243+
    Initial: auto
    12451244
    Applies to: all elements
    1246-
    Inherited: yes
    1247-
    Percentages: N/A
    1245+
    Inherited: yes
    1246+
    Percentages: N/A
    12481247
    Computed value: The computed value for ''caret-color/auto'' is ''caret-color/auto'';
    12491248
    the computed value of ''caret-color/currentColor'' is ''cart-color/currentColor'' (See [[CSS-COLOR-3/#currentColor]]);
    12501249
    see the 'color' property for other <<color>> values.
    1251-
    Animation Type: <a href="https://drafts.csswg.org/css3-transitions/#animtype-color">color</a>
    1250+
    Animation Type: <a href="https://drafts.csswg.org/css3-transitions/#animtype-color">color</a>
    12521251
    </pre>
    12531252

    12541253
    <dl>

    0 commit comments

    Comments
     (0)