You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css-round-display/Overview.bs
+5-5Lines changed: 5 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -7,7 +7,7 @@ Status: ED
7
7
ED: http://dev.w3.org/csswg/css-round-display/
8
8
Editor: Hyojin Song, LG Electronics, hyojin22.song@lge.com
9
9
Editor: Soonbo Han, LG Electronics, soonbo.han@lge.com
10
-
Abstract: This document describes CSS extensions to support a round display. It extends existing CSS features including Media Queries[[MEDIAQUERIES]], CSS Shapes[[CSS-SHAPES-1]], Borders[[CSS3-BORDER]], and Positioned Layout[[CSS3-POSITIONING]]. The extensions will help web authors to build a web page suitable for a round display.
10
+
Abstract: This document describes CSS extensions to support a round display. It extends existing CSS features including Media Queries[[MEDIAQUERIES-4]], CSS Shapes[[CSS-SHAPES-1]], Borders[[CSS3-BORDER]], and Positioned Layout[[CSS3-POSITIONING]]. The extensions will help web authors to build a web page suitable for a round display.
11
11
</pre>
12
12
13
13
@@ -30,15 +30,15 @@ To apply the shape of a display to content area, we extend the 'shape-inside' pr
30
30
31
31
<h2 id="terminology">Terminology</h2>
32
32
This specification follows the CSS property definition conventions from [[!CSS21]]. <br />
33
-
The detailed description of Media Queries is defined in [[!MEDIAQUERIES]]<br />
33
+
The detailed description of Media Queries is defined in [[MEDIAQUERIES-4]]<br />
34
34
The detailed description of CSS Shapes is defined in [[CSS-SHAPES-1]]<br />
35
35
The detailed description of Borders is defined in [[CSS3-BORDER]]<br />
36
36
The detailed description of Positioned Layout is defined in [[CSS3-POSITIONING]]<br />
37
37
38
38
39
39
<h2 id="extending-media-queries">Extending Media Queries for a round display</h2>
40
40
<p>
41
-
Media Queries [[!MEDIAQUERIES]] define mechanisms to support media-dependent style sheets, tailored for different environments. We propose to extend Media Queries by adding the 'device-radius' media feature to support a round display. This will allow web authors to apply different styles to a web page on the rounded display.
41
+
Media Queries [[MEDIAQUERIES-4]] define mechanisms to support media-dependent style sheets, tailored for different environments. We propose to extend Media Queries by adding the 'device-radius' media feature to support a round display. This will allow web authors to apply different styles to a web page on the rounded display.
42
42
</p>
43
43
<section>
44
44
<h3 id="device-radius-media-feature">The 'device-radius' media feature</h3>
@@ -57,9 +57,9 @@ By the mechanism of media queries, if the value of the 'device-radius' media fea
57
57
</p>
58
58
<pre class='descdef mq'>
59
59
Name: device-radius
60
-
For: @media
61
-
Value: [ <<length>> | <<percentage>> ]
62
60
Type: range
61
+
For: @media
62
+
Value: [ <<length>> | <<percentage>> ]
63
63
Percentage: Refer to corresponding dimension of the display
0 commit comments