diff --git a/css-round-display/Overview.bs b/css-round-display/Overview.bs index d1a723d73fe..9ea6de1ca3b 100755 --- a/css-round-display/Overview.bs +++ b/css-round-display/Overview.bs @@ -148,7 +148,7 @@ Using 'device-radius' with just a single value (e.g. device-radius: 50%) is enou

Aligning content along the display border

The 'shape-inside' property

-CSS Shapes [[CSS-SHAPES]] define the 'shape-inside' property that aligns contents along the edge of a possibly non-rectangular wrapping area. Web authors may use this feature to fit contents inside a round display. However, it could sometimes be hard to specify the wrapping area identical to the shape of a display. Thus, we add a new value 'display' to the 'shape-inside' property to facilitate it. When the 'shape-inside' property on an element is set to 'display', its content (or contained element) is aligned along the display border automatically. +CSS Shapes [[CSS-SHAPES]] define the 'shape-inside' property that aligns contents along the edge of a possibly non-rectangular wrapping area. Web authors may use this feature to fit contents inside a round display. However, it can be challenging to specify the wrapping area to be identical to the shape of a display. To address such cases, 'shape-inside' is extended with a new value named 'display', such an element having this value will have its content (or contained elements) aligned along the display border automatically.