Skip to content

Commit 37a5b4a

Browse files
tabatkinstabatkins
committed
Fix bounding-box to border-box in element().
1 parent 8ed9694 commit 37a5b4a

3 files changed

Lines changed: 19 additions & 13 deletions

File tree

‎css3-images/Overview.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,15 +16,15 @@
1616

1717
<h1>CSS Image Values and Replaced Content Module Level 3</h1>
1818

19-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 January
19+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 1 February
2020
2012</h2>
2121

2222
<dl>
2323
<dt>This Version:
2424

2525
<dd><a
2626
href="http://dev.w3.org/csswg/css3-images/">http://dev.w3.org/csswg/css3-images/</a>-->
27-
<!-- <dd><a href="http://www.w3.org/TR/2012/ED-css3-images-20120116/">http://www.w3.org/TR/2012/WD-css3-images-20120116/</a>-->
27+
<!-- <dd><a href="http://www.w3.org/TR/2012/ED-css3-images-20120201/">http://www.w3.org/TR/2012/WD-css3-images-20120201/</a>-->
2828

2929

3030
<dt>Latest Version:
@@ -769,21 +769,21 @@ <h3 id=element-reference><span class=secno>3.3. </span> Using Elements as
769769

770770
<dd>
771771
<p>The function represents an image with width and height equal to the
772-
bounding box of the referenced element. The image must be constructed by
772+
border box of the referenced element. The image must be constructed by
773773
rendering the referenced element and its descendants at the same size
774774
that the element would be in its document, over an infinite
775775
transparent-black canvas, positioned so that the edges of the referenced
776-
element's bounding box is flush with the edges of the image. <span
776+
element's border box is flush with the edges of the image. <span
777777
class=note>Note: Because images clip anything outside their bounds by
778-
default, this means that decorations that extend outside the bounding
779-
box, like box-shadows or some border-images, may be clipped.</span></p>
778+
default, this means that decorations that extend outside the border box,
779+
like box-shadows or some border-images, may be clipped.</span></p>
780780

781781
<p>If the referenced element has a transform applied to it or an
782782
ancestor, the transform must be ignored when rendering the element as an
783783
image. If the referenced element is broken across pages, the element
784784
must be displayed as if the page content areas were joined flush in the
785785
pagination direction (elements broken across lines or columns just
786-
render with their bounding box, as normal, which may have unintended
786+
render with their border box, as normal, which may have unintended
787787
visual effects).</p>
788788

789789
<div class=example>

‎css3-images/Overview.src.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -24,9 +24,9 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
2424
<dt>Editor's Draft:</dt>
2525
<dd><a href="http://dev.w3.org/csswg/css3-images/">http://dev.w3.org/csswg/css3-images/</a>
2626

27-
<dt>Previous Version:</dt>
28-
<dd><a href="http://www.w3.org/TR/2012/WD-css3-images-20120112/">http://www.w3.org/TR/2012/WD-css3-images-20120112/</a></dd>
29-
<dd><a href="http://www.w3.org/TR/2011/WD-css3-images-20111206/">http://www.w3.org/TR/2011/WD-css3-images-20111206/</a></dd>
27+
<dt>Previous Version:</dt>
28+
<dd><a href="http://www.w3.org/TR/2012/WD-css3-images-20120112/">http://www.w3.org/TR/2012/WD-css3-images-20120112/</a></dd>
29+
<dd><a href="http://www.w3.org/TR/2011/WD-css3-images-20111206/">http://www.w3.org/TR/2011/WD-css3-images-20111206/</a></dd>
3030
<dd><a href="http://www.w3.org/TR/2011/WD-css3-images-20110908/">http://www.w3.org/TR/2011/WD-css3-images-20110908/</a></dd>
3131
<dd><a href="http://www.w3.org/TR/2011/WD-css3-images-20110712/">http://www.w3.org/TR/2011/WD-css3-images-20110712/</a></dd>
3232
<dd><a href="http://www.w3.org/TR/2011/WD-css3-images-20110217/">http://www.w3.org/TR/2011/WD-css3-images-20110217/</a></dd>
@@ -411,9 +411,9 @@ <h3 id='element-reference'>
411411

412412
<dt>Otherwise</dt>
413413
<dd>
414-
<p>The function represents an image with width and height equal to the bounding box of the referenced element. The image must be constructed by rendering the referenced element and its descendants at the same size that the element would be in its document, over an infinite transparent-black canvas, positioned so that the edges of the referenced element's bounding box is flush with the edges of the image. <span class=note>Note: Because images clip anything outside their bounds by default, this means that decorations that extend outside the bounding box, like box-shadows or some border-images, may be clipped.</span></p>
414+
<p>The function represents an image with width and height equal to the border box of the referenced element. The image must be constructed by rendering the referenced element and its descendants at the same size that the element would be in its document, over an infinite transparent-black canvas, positioned so that the edges of the referenced element's border box is flush with the edges of the image. <span class=note>Note: Because images clip anything outside their bounds by default, this means that decorations that extend outside the border box, like box-shadows or some border-images, may be clipped.</span></p>
415415

416-
<p>If the referenced element has a transform applied to it or an ancestor, the transform must be ignored when rendering the element as an image. If the referenced element is broken across pages, the element must be displayed as if the page content areas were joined flush in the pagination direction (elements broken across lines or columns just render with their bounding box, as normal, which may have unintended visual effects).</p>
416+
<p>If the referenced element has a transform applied to it or an ancestor, the transform must be ignored when rendering the element as an image. If the referenced element is broken across pages, the element must be displayed as if the page content areas were joined flush in the pagination direction (elements broken across lines or columns just render with their border box, as normal, which may have unintended visual effects).</p>
417417

418418
<div class='example'>
419419
<p>As a somewhat silly example, a &lt;p> element can be reused as a background elsewhere in the document:</p>

‎css3-images/lc-issues-1.txt‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,4 +15,10 @@ Comment: http://lists.w3.org/Archives/Public/www-style/2012Jan/0720.html
1515
Response: http://lists.w3.org/Archives/Public/www-style/2012Jan/0783.html and http://lists.w3.org/Archives/Public/www-style/2012Jan/0939.html
1616
Closed: Rejected
1717
Verified: (private mail - accepted resolution for radial-gradient, but didn't accept it for linear-gradient)
18-
----
18+
----
19+
Issue 3.
20+
Summary: Use of 'bounding box' is undefined, should be 'border box'
21+
From: Leif Arne Storset
22+
Comment: http://lists.w3.org/Archives/Public/www-style/2012Feb/0033.html
23+
Response: http://lists.w3.org/Archives/Public/www-style/2012Feb/0050.html
24+
Closed: Accepted

0 commit comments

Comments
 (0)