8000 Move example into more appropriate section · w3c/csswg-drafts@418076f · GitHub
Skip to content

Commit 418076f

Browse files
fantasaifantasai
committed
Move example into more appropriate section
1 parent c981880 commit 418076f

2 files changed

Lines changed: 28 additions & 28 deletions

File tree

‎css3-background/Overview.html‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2475,6 +2475,20 @@ <h4 id=corner-clipping><span class=secno>4.4.2. </span>Corner Clipping</h4>
24752475
the area outside the curve of the border edge does not accept mouse events
24762476
on behalf of the element.
24772477

2478+
<div class=example>
2479+
<p>This example adds appropriate padding, so that the contents do not
2480+
overflow the corners. Note that there is no border, but the background
2481+
will still have rounded corners.
2482+
2483+
<pre>
2484+
DIV {
2485+
background: black;
2486+
color: white;
2487+
border-radius: 1em;
2488+
padding: 1em }
2489+
</pre>
2490+
</div>
2491+
24782492
<h4 id=corner-transitions><span class=secno>4.4.3. </span>Corner
24792493
Transitions</h4>
24802494

@@ -2613,20 +2627,6 @@ <h4 id=border-radius-tables><span class=secno>4.4.5. </span>Effect on
26132627
</pre>
26142628
</div>
26152629

2616-
<div class=example>
2617-
<p>This example adds appropriate padding, so that the contents do not
2618-
overflow the corners. Note that there is no border, but the background
2619-
will still have rounded corners.
2620-
2621-
<pre>
2622-
DIV {
2623-
background: black;
2624-
color: white;
2625-
border-radius: 1em;
2626-
padding: 1em }
2627-
</pre>
2628-
</div>
2629-
26302630
<h3 id=the-border-shorthands><span class=secno>4.5. </span>The border
26312631
shorthand properties</h3>
26322632

‎css3-background/Overview.src.html‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1776,6 +1776,20 @@ <h4 id="corner-clipping">Corner Clipping</h4>
17761776
Also, the area outside the curve of the border edge does not accept mouse
17771777
events on behalf of the element.
17781778

1779+
<div class=example>
1780+
<p>This example adds appropriate padding, so that the
1781+
contents do not overflow the corners. Note that there is no border,
1782+
but the background will still have rounded corners.
1783+
1784+
<pre>
1785+
DIV {
1786+
background: black;
1787+
color: white;
1788+
border-radius: 1em;
1789+
padding: 1em }
1790+
</pre>
1791+
</div>
1792+
17791793
<h4 id="corner-transitions">Corner Transitions</h4>
17801794

17811795
<p>The center of color and style transitions between adjoining borders
@@ -1902,20 +1916,6 @@ <h4 id="border-radius-tables">Effect on Tables</h4>
19021916
</pre>
19031917
</div>
19041918

1905-
<div class=example>
1906-
<p>This example adds appropriate padding, so that the
1907-
contents do not overflow the corners. Note that there is no border,
1908-
but the background will still have rounded corners.
1909-
1910-
<pre>
1911-
DIV {
1912-
background: black;
1913-
color: white;
1914-
border-radius: 1em;
1915-
padding: 1em }
1916-
</pre>
1917-
</div>
1918-
19191919
<h3 id="the-border-shorthands">The border shorthand properties</h3>
19201920

19211921
<table class=propdef>

0 commit comments

Comments
 (0)