Skip to content

Commit 24ed7b1

Browse files
tabatkinsastearns
authored andcommitted
[css-shapes-1][editorial] fix bikeshed errors
1 parent 9c4bfc9 commit 24ed7b1

File tree

1 file changed

+15
-13
lines changed

1 file changed

+15
-13
lines changed

css-shapes-1/Overview.bs

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,12 @@ Editor: Alan Stearns, Adobe, stearns@adobe.com, w3cid 46659
1515
Former Editor: Vincent Hardy
1616
Implementation Report: https://wpt.fyi/results/css/css-shapes
1717
Abstract: CSS Shapes describe geometric shapes for use in CSS. For Level 1, CSS Shapes can be applied to floats. A circle shape on a float will cause inline content to <a>wrap</a> around the circle shape instead of the float's bounding box.
18-
Link Defaults: css2 (property) margin
1918
</pre>
2019

2120
<pre class='link-defaults'>
21+
spec:css2; type:property; text:margin
22+
spec:css-backgrounds-3; type:property; text:border-radius
23+
spec:css-color-4; type:type; for:<color>; text:<alpha-value>
2224
spec:css-masking-1; type: value
2325
text: nonzero
2426
text: evenodd
@@ -197,7 +199,7 @@ Relation to the box model and float behavior</h2>
197199
</code>
198200
</pre>
199201

200-
<img class="singleImgExample" src="images/hand-funnel.png" alt="Using the shape-outside property with floats"/>
202+
<img class="singleImgExample" src="images/hand-funnel.png" alt="Using the shape-outside property with floats">
201203
</div>
202204

203205
<div class="example">
@@ -259,7 +261,7 @@ Relation to the box model and float behavior</h2>
259261
shape-outside: polygon(50px 0px, 100px 100px, 0px 100px);
260262
</code>
261263
</pre>
262-
<img class="singleImgExample" src="images/float-side-example.png" alt="wrapping around right side of a left-float float area"/>
264+
<img class="singleImgExample" src="images/float-side-example.png" alt="wrapping around right side of a left-float float area">
263265
</div>
264266

265267
<div class="example">
@@ -286,7 +288,7 @@ Relation to the box model and float behavior</h2>
286288
}
287289
</code></pre>
288290

289-
<img class="singleImgExample" src="images/float-margin-example.png" alt="Adding margin-top to a float with a small shape-outside"/>
291+
<img class="singleImgExample" src="images/float-margin-example.png" alt="Adding margin-top to a float with a small shape-outside">
290292

291293
The next picture shows a possible result
292294
if two of these floats
@@ -295,7 +297,7 @@ Relation to the box model and float behavior</h2>
295297
using their margin boxes,
296298
not the <a>float area</a>.
297299

298-
<img class="singleImgExample" src="images/stacked-float-example.png" alt="Stacking two floats with a small shape-outside"/>
300+
<img class="singleImgExample" src="images/stacked-float-example.png" alt="Stacking two floats with a small shape-outside">
299301
</div>
300302

301303
<h2 id="basic-shape-functions">
@@ -766,7 +768,7 @@ Shapes from Image</h2>
766768
</ol>
767769

768770
<figure>
769-
<img alt="A float shape around an image using its alpha-channel" src="images/shape-outside-image.png" style="width:70%"/>
771+
<img alt="A float shape around an image using its alpha-channel" src="images/shape-outside-image.png" style="width:70%">
770772
<figcaption>
771773
A float shape around an image using its alpha-channel.
772774
</figcaption>
@@ -837,7 +839,7 @@ Shapes from Box Values</h2>
837839
</ul>
838840

839841
<figure>
840-
<img alt="Colored boxes representing simple box edges" src="images/box-edges-simple.png"/>
842+
<img alt="Colored boxes representing simple box edges" src="images/box-edges-simple.png">
841843
<figcaption>
842844
Simple CSS Box Model Edges
843845
</figcaption>
@@ -855,7 +857,7 @@ Shapes from Box Values</h2>
855857
</pre>
856858

857859
<figure>
858-
<img alt="Colored boxes representing complex box edges" src="images/box-edges-complex.png"/>
860+
<img alt="Colored boxes representing complex box edges" src="images/box-edges-complex.png">
859861
<figcaption>
860862
Complex CSS Box Model Edges
861863
</figcaption>
@@ -875,7 +877,7 @@ Shapes from Box Values</h2>
875877
content normally wraps in this manner:
876878

877879
<figure>
878-
<img alt="Text wrapping around float with no shape" src="images/normal-wrap.png"/>
880+
<img alt="Text wrapping around float with no shape" src="images/normal-wrap.png">
879881
<figcaption>
880882
Normal float wrapping
881883
</figcaption>
@@ -891,7 +893,7 @@ Shapes from Box Values</h2>
891893
</pre>
892894

893895
<figure>
894-
<img alt="Text wrapping around float with margin-box shape" src="images/margin-box-wrap.png"/>
896+
<img alt="Text wrapping around float with margin-box shape" src="images/margin-box-wrap.png">
895897
<figcaption>
896898
Float wrapping with margin-box
897899
</figcaption>
@@ -1091,7 +1093,7 @@ Expanding a Shape: the 'shape-margin' property</h3>
10911093
</code>
10921094
</pre>
10931095
<img src="images/nepal-flag-shape.png"
1094-
alt="Example of a shape-margin offset"/>
1096+
alt="Example of a shape-margin offset">
10951097
</div>
10961098

10971099
<div class="example">
@@ -1114,7 +1116,7 @@ Expanding a Shape: the 'shape-margin' property</h3>
11141116
</code>
11151117
</pre>
11161118
<figure>
1117-
<img alt="A float shape around an image using its alpha-channel with a 35 pixels shape-margin" src="images/shape-outside-image-with-margin.png" style="width:70%"/>
1119+
<img alt="A float shape around an image using its alpha-channel with a 35 pixels shape-margin" src="images/shape-outside-image-with-margin.png" style="width:70%">
11181120
<figcaption>
11191121
A float shape around an image using its alpha-channel with a 35-pixel 'shape-margin'
11201122
</figcaption>
@@ -1139,7 +1141,7 @@ Expanding a Shape: the 'shape-margin' property</h3>
11391141
Acknowledgments</h2>
11401142

11411143
This specification is made possible by input from
1142-
Tab Atkins Jr.,
1144+
Tab Atkins Jr.,
11431145
Amelia Bellamy-Royds,
11441146
Andrei Bucur,
11451147
Alexandru Chiculita,

0 commit comments

Comments
 (0)