Update border-boundary's note

Author: hyojinLGE

css-round-display/Overview.bs

@@ -103,7 +103,6 @@ The example below shows how a web page looks in the different shape of displays.
 <div style="width: 700px">
     <p class="caption">Devices where the 'device-radius' media feature is not applicable</p>
 </div>
-
 On the other hand, the example below shows how the 'device-radius' media feature works in the different shape of displays. This is the same as the code above except of media queries usage. The 'device-radius' media feature can be used as follows:
 <pre>&lt;!-- index.html -->
 
@@ -113,7 +112,6 @@ On the other hand, the example below shows how the 'device-radius' media feature
 &lt;/head>
 </pre>
 If this example code is loaded in a regular round display, '<code>round.css</code>' will be applied by the media queries mechanism. To render the clock properly, '<code>round.css</code>' could be written as follows.
-
 <pre>
 #clockLayer {
     border-radius: 50%;
@@ -140,16 +138,12 @@ If this example code is loaded in a regular round display, '<code>round.css</cod
     <p class="caption">Devices where the 'device-radius' media feature is applicable</p>
 </div>
 </div>
-
 <p class="note">NOTE: If the shapes of displays are various, such as polygons, we need to extend the media features more with additional parameters. The current features have limitations to support the diversity beyond round shapes. How can we express star-shaped polygons? (E.g., SVG syntax, etc.) Of course, there is a trade-off between simplicity and expressiveness.
 </p>
-
 <p class="issue">
 Using 'device-radius' with just a single value (e.g., device-radius: 50%) is enough (for simplicity)? Otherwise, do we need to support all possible values the same as 'border-radius'?
 </p>
 
-
-
 <h2 id="aligning-content">Aligning content along the display border</h2>
 <h3 id="shape-inside-property">The 'shape-inside' property</h3>
 <p>
@@ -169,7 +163,7 @@ spec:css21; type:type; text:<uri>
     Animatable: as specified for <<basic-shape>>, otherwise no
 </pre>
 <p>
-The example below shows how the 'shape-inside' property works when it is set to '<code>display</code>'. Without using Mediaqueries, contents can be aligned within the display edge.
+The example below shows how the 'shape-inside' property works when it is set to '<code>display</code>'. Without using Media Queries, contents can be aligned within the display edge automatically.
 </p>
 <div class='example'>
 <pre>&lt;style>
@@ -216,7 +210,6 @@ When the containing block is placed on one end of the display and the block has
     <img style="width: 500px" src="images/ex3.png">
     <p class="caption">Align a part of the content along the display border</p>
 </div>
-
 <p class="issue">
 What if content overflows? Clipping or scrolling?
 </p>
@@ -229,7 +222,7 @@ We add the 'border-boundary' property to set a boundary constraint that affects
 <pre class='propdef'>
     Name: border-boundary
     Applies to: all elements
-    Value: none | parent | <code>display</code>
+    Value: none | parent | display
     Initial: none
     Inherited: no
     Media: visual
@@ -263,7 +256,7 @@ The example below shows how the 'border-boundary' property works on drawing bord
 </div>
 <div style="width: 600px; text-align:center">
     <div style="float: left; width: 300px;">
-        <img style="width: 200px"src="images/border_b.png">
+        <img style="width: 200px" src="images/border_b.png">
         <p>(A) Without '<code>border-boundary</code>'</p>
     </div>
     <div style="float: left; width: 300px; ">
@@ -274,6 +267,8 @@ The example below shows how the 'border-boundary' property works on drawing bord
 <div style="width: 600px">
     <p class="caption">Align the content along the display border</p>
 </div>
+<p class="note">NOTE: If the value of 'border-boundary' is parent or display, the border lines of a element are actually just a visual effect. It triggers a layout for rendering in a general way, but in the above cases(border-boundary: parent|display), the layout doesn't occurs and it only draws inward from the containing block's borders. With this situation, the borders might hide contents around the display edge.
+</p>
 
 <h2 id="positioning-content">Positioning content by using the polar coordinate system</h2>
 <p>