FFFF Changed the reference to "border image area" to be a proper xref to c… · xfq/csswg-drafts@917bf75 · GitHub
Skip to content

Commit 917bf75

Browse files
tabatkinstabatkins
committed
Changed the reference to "border image area" to be a proper xref to css3-backgrounds.
Sprinkled more xref annotations throughout chapter 6.
1 parent bcf31bf commit 917bf75

2 files changed

Lines changed: 45 additions & 35 deletions

File tree

‎css3-images/Overview.html‎

Lines changed: 35 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1191,7 +1191,9 @@ <h2 id=sizing><span class=secno>6. </span>Sizing Images and Objects in CSS</h2>
11911191
<dt>&lsquo;<code class=property>border-image</code>&rsquo;
11921192

11931193
<dd>The <a href="#default-image-sizing-area"><b>default image sizing
1194-
area</b></a> is the size of the element's <b>border image area</b>.
1194+
area</b></a> is the size of the element's <a
1195+
href="http://dev.w3.org/csswg/css3-background/#border-image-area"><b>border
1196+
image area</b></a>.
11951197

11961198
<dt>&lsquo;<code class=property>cursor</code>&rsquo;
11971199

@@ -1210,8 +1212,9 @@ <h2 id=sizing><span class=secno>6. </span>Sizing Images and Objects in CSS</h2>
12101212

12111213
<ol>
12121214
<li>When an image or object is specified in a document, such as through
1213-
url() value in a background-image property or a @src attribute on an
1214-
&lt;img> element, CSS queries the object for its <a
1215+
url() value in a &lsquo;<code
1216+
class=property>background-image</code>&rsquo; property or a @src
1217+
attribute on an &lt;img> element, CSS queries the object for its <a
12151218
href="#intrinsic-dimensions"><b>intrinsic dimensions</b></a>.
12161219

12171220
<li>Using the <a href="#intrinsic-dimensions"><b>intrinsic
@@ -1230,15 +1233,17 @@ <h2 id=sizing><span class=secno>6. </span>Sizing Images and Objects in CSS</h2>
12301233
or height, as appropriate. The other dimension is calculated as
12311234
follows:
12321235
<ol>
1233-
<li>If the object has an intrinsic aspect ratio, the <a
1234-
href="#css-view-box"><b>CSS View Box</b></a> must have the same
1235-
aspect ratio.
1236-
1237-
<li>Otherwise, if the object has an an intrinsic height or intrinsic
1238-
width (whichever is missing from the <a
1239-
href="#specified-size"><b>specified size</b></a>), then the <a
1240-
href="#css-view-box"><b>CSS View Box</b></a> must have that height
1241-
or width.
1236+
<li>If the object has an <a
1237+
href="#intrinsic-aspect-ratio"><b>intrinsic aspect ratio</b></a>,
1238+
the <a href="#css-view-box"><b>CSS View Box</b></a> must have the
1239+
same aspect ratio.
1240+
1241+
<li>Otherwise, if the object has an an <a
1242+
href="#intrinsic-height"><b>intrinsic height</b></a> or <a
1243+
href="#intrinsic-width"><b>intrinsic width</b></a> (whichever is
1244+
missing from the <a href="#specified-size"><b>specified
1245+
size</b></a>), then the <a href="#css-view-box"><b>CSS View
1246+
Box</b></a> must have that height or width.
12421247

12431248
<li>Otherwise, the <a href="#css-view-box"><b>CSS View Box</b></a>
12441249
must have the same width or height (whichever is missing from the
@@ -1252,21 +1257,26 @@ <h2 id=sizing><span class=secno>6. </span>Sizing Images and Objects in CSS</h2>
12521257
the dimensions of the <a href="#css-view-box"><b>CSS View Box</b></a>
12531258
must be computed as follows:
12541259
<ol>
1255-
<li>If the object has an intrinsic width and an intrinsic height, the
1256-
<a href="#css-view-box"><b>CSS View Box</b></a> must have that same
1257-
height and width.
1258-
1259-
<li>If the object has only an intrinsic width or intrinsic height,
1260-
and no intrinsic aspect ratio, the <a href="#css-view-box"><b>CSS
1261-
View Box</b></a> must have that width or height, and the height or
1262-
width (whichever is missing from the intrinsic dimensions) of the <a
1263-
href="#default-image-sizing-area"><b>default image sizing
1260+
<li>If the object has an <a href="#intrinsic-width"><b>intrinsic
1261+
width</b></a> and an <a href="#intrinsic-height"><b>intrinsic
1262+
height</b></a>, the <a href="#css-view-box"><b>CSS View Box</b></a>
1263+
must have that same height and width.
1264+
1265+
<li>If the object has only an <a href="#intrinsic-width"><b>intrinsic
1266+
width</b></a> or <a href="#intrinsic-height"><b>intrinsic
1267+
height</b></a>, and no <a
1268+
href="#intrinsic-aspect-ratio"><b>intrinsic aspect ratio</b></a>,
1269+
the <a href="#css-view-box"><b>CSS View Box</b></a> must have that
1270+
width or height, and the height or width (whichever is missing from
1271+
the <a href="#intrinsic-dimensions"><b>intrinsic dimensions</b></a>)
1272+
of the <a href="#default-image-sizing-area"><b>default image sizing
12641273
area</b></a>.
12651274

1266-
<li>If the object has only an intrinsic aspect ratio, the <a
1267-
href="#css-view-box"><b>CSS View Box</b></a> must have that aspect
1268-
ratio, and additionally be as large as possible without either its
1269-
height or width exceeding the height or width of the <a
1275+
<li>If the object has only an <a
1276+
href="#intrinsic-aspect-ratio"><b>intrinsic aspect ratio</b></a>,
1277+
the <a href="#css-view-box"><b>CSS View Box</b></a> must have that
1278+
aspect ratio, and additionally be as large as possible without
1279+
either its height or width exceeding the height or width of the <a
12701280
href="#default-image-sizing-area"><b>default image sizing
12711281
area</b></a>.
12721282

‎css3-images/Overview.src.html‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -837,7 +837,7 @@ <h2 id="sizing">Sizing Images and Objects in CSS</h2>
837837

838838
<dt>'border-image'</dt>
839839
<dd>The <b>default image sizing area</b> is the size of the element's
840-
<b>border image area</b>.</dd>
840+
<a href="http://dev.w3.org/csswg/css3-background/#border-image-area"><b>border image area</b></a>.</dd>
841841

842842
<dt>'cursor'</dt>
843843
<dd>The <b>default image sizing area</b> is a UA-defined size that should
@@ -854,7 +854,7 @@ <h2 id="sizing">Sizing Images and Objects in CSS</h2>
854854

855855
<ol>
856856
<li>When an image or object is specified in a document, such as through url()
857-
value in a background-image property or a @src attribute on an &lt;img> element,
857+
value in a 'background-image' property or a @src attribute on an &lt;img> element,
858858
CSS queries the object for its <b>intrinsic dimensions</b>.</li>
859859

860860
<li>Using the <b>intrinsic dimensions</b> and the <b>specified size</b>,
@@ -869,11 +869,11 @@ <h2 id="sizing">Sizing Images and Objects in CSS</h2>
869869
appropriate. The other dimension is calculated as follows:
870870

871871
<ol>
872-
<li>If the object has an intrinsic aspect ratio, the <b>CSS View Box</b>
872+
<li>If the object has an <b>intrinsic aspect ratio</b>, the <b>CSS View Box</b>
873873
must have the same aspect ratio.</li>
874874

875-
<li>Otherwise, if the object has an an intrinsic height or
876-
intrinsic width (whichever is missing from the <b>specified size</b>),
875+
<li>Otherwise, if the object has an an <b>intrinsic height</b> or
876+
<b>intrinsic width</b> (whichever is missing from the <b>specified size</b>),
877877
then the <b>CSS View Box</b> must have that height or width.</li>
878878

879879
<li>Otherwise, the <b>CSS View Box</b> must have the same width or
@@ -887,15 +887,15 @@ <h2 id="sizing">Sizing Images and Objects in CSS</h2>
887887
be computed as follows:
888888

889889
<ol>
890-
<li>If the object has an intrinsic width and an intrinsic height,
890+
<li>If the object has an <b>intrinsic width</b> and an <b>intrinsic height</b>,
891891
the <b>CSS View Box</b> must have that same height and width.</li>
892892

893-
<li>If the object has only an intrinsic width or intrinsic height,
894-
and no intrinsic aspect ratio, the <b>CSS View Box</b> must have that
893+
<li>If the object has only an <b>intrinsic width</b> or <b>intrinsic height</b>,
894+
and no <b>intrinsic aspect ratio</b>, the <b>CSS View Box</b> must have that
895895
width or height, and the height or width (whichever is missing
896-
from the intrinsic dimensions) of the <b>default image sizing area</b>.</li>
896+
from the <b>intrinsic dimensions</b>) of the <b>default image sizing area</b>.</li>
897897

898-
<li>If the object has only an intrinsic aspect ratio, the
898+
<li>If the object has only an <b>intrinsic aspect ratio</b>, the
899899
<b>CSS View Box</b> must have that aspect ratio, and additionally be as
900900
large as possible without either its height or width exceeding
901901
the height or width of the <b>default image sizing area</b>.</li>

0 commit comments

Comments
 (0)