forked from SchemaStore/schemastore
-
Notifications
You must be signed in to change notification settings - Fork 0
/
css-module-basic-ui.xml
133 lines (113 loc) · 16.8 KB
/
css-module-basic-ui.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<?xml version="1.0" encoding="utf-8"?>
<CssModule name="Basic User Interface" standard-reference="http://www.w3.org/TR/css3-ui/" status="WD" pub-date="2015-04-09">
<CssPseudo name=":default" version="3.0" browsers="C,FF3,IE10,O10,S5" syntax="input:default { color: red; }" description="The :default selector applies to the one or more UI elements that are the default among a set of similar elements. This selector typically applies to context menu items, buttons, and select lists/menus." standard-reference="http://www.w3.org/TR/css3-ui/#pseudo-default" />
<CssPseudo name=":valid" version="3.0" browsers="C,FF4,IE10,O10,S5" syntax="input:valid { border-color: green; }" description="An element is :valid or :invalid when it is, respectively, valid or invalid with respect to data validity semantics defined by a different specification." standard-reference="http://www.w3.org/TR/css3-ui/" />
<CssPseudo name=":invalid" version="3.0" browsers="C,FF4,IE10,O10,S5" syntax="input:invalid { border-color: red; }" description="An element is :valid or :invalid when it is, respectively, valid or invalid with respect to data validity semantics defined by a different specification." standard-reference="http://www.w3.org/TR/css3-ui/" />
<CssPseudo name=":in-range" version="3.0" browsers="C,FF10,IE10,O9.6,S5.1" syntax="input:in-range { color: green; }" description="The in-range and out-of-range pseudo-classes should be used in conjunction with the min and max attributes, whether on a range input, a number field, or any other types that accept those attributes." standard-reference="http://www.w3.org/TR/css3-ui/#in-range" />
<CssPseudo name=":out-of-range" version="3.0" browsers="C,FF10,IE10,O9.6,S5.1" syntax="input:out-of-range { color: red; }" description="The in-range and out-of-range pseudo-classes should be used in conjunction with the min and max attributes, whether on a range input, a number field, or any other types that accept those attributes." standard-reference="http://www.w3.org/TR/css3-ui/#out-of-range" />
<CssPseudo name=":required" version="3.0" browsers="C,FF4,IE10,O10,S5" syntax="input:optional { color: yellow; }" description="A form element is :required or :optional if a value for it is, respectively, required or optional before the form it belongs to is submitted. Elements that are not form elements are neither required nor optional." standard-reference="http://www.w3.org/TR/css3-ui/" />
<CssPseudo name=":optional" version="3.0" browsers="C,FF4,IE10,O10,S5" syntax="input:optional { color: yellow; }" description="A form element is :required or :optional if a value for it is, respectively, required or optional before the form it belongs to is submitted. Elements that are not form elements are neither required nor optional." standard-reference="http://www.w3.org/TR/css3-ui/" />
<CssPseudo name=":read-only" version="3.0" browsers="C,FF10,IE10,O9,S4" syntax="input:read-only { margin: auto; }" description="An element whose contents are not user-alterable is :read-only. However, elements whose contents are user-alterable (such as text input fields) are considered to be in a :read-write state. In typical documents, most elements are :read-only." standard-reference="http://www.w3.org/TR/css3-ui/" />
<CssPseudo name=":read-write" version="3.0" browsers="C,FF10,IE10,O9,S4" syntax="input:read-write { margin: auto 2px; }" description="An element whose contents are not user-alterable is :read-only. However, elements whose contents are user-alterable (such as text input fields) are considered to be in a :read-write state. In typical documents, most elements are :read-only." standard-reference="http://www.w3.org/TR/css3-ui/" />
<CssPseudo name=":indeterminate" version="3.0" browsers="C,FF3.6,IE9,O10.6,S3" syntax="input:indeterminate { margin: auto 2px; }" description="The :indeterminate pseudo-class applies to UI elements whose value is in an indeterminate state." standard-reference="http://www.w3.org/TR/css3-ui/#indeterminate" />
<CssProperty name="outline-color" ref="color" version="2.0" browsers="C,FF1.5,IE8,O8,S1.2" description="The color of the outline" standard-reference="http://www.w3.org/TR/css3-ui/#outline-color0">
<entry value="invert" description="'Invert' is expected to perform a color inversion on the pixels on the screen. This is a common way to ensure the focus border is visible, regardless of color background." />
</CssProperty>
<CssProperty name="outline-style" ref="border-style" version="2.0" browsers="C,FF1.5,IE8,O8,S1.2" description="Style of the outline" standard-reference="http://www.w3.org/TR/css3-ui/#outline-style0">
<entry version="3.0" value="auto" />
</CssProperty>
<CssProperty name="outline" ref="border" version="2.0" browsers="C,FF1.5,IE8,O8,S1.2" description="Shorthand property, and sets all three of 'outline-style', 'outline-width', and 'outline-color'." standard-reference="http://www.w3.org/TR/css3-ui/#outline0">
<entry version="3.0" value="auto" />
<entry value="invert" description="'Invert' is expected to perform a color inversion on the pixels on the screen. This is a common way to ensure the focus border is visible, regardless of color background." />
</CssProperty>
<CssProperty name="outline-width" ref="border-width" version="2.0" browsers="C,FF1.5,IE8,O8,S1.2" description="Width of the outline" standard-reference="http://www.w3.org/TR/css3-ui/#outline-width0" />
<CssProperty name="outline-offset" version="3.0" browsers="C,FF1.5,O9.5,S1.2" restriction="length" syntax="article { $(name): 15px; }" description="Width of the outline" standard-reference="http://www.w3.org/TR/css3-ui/#outline-offset0"></CssProperty>
<CssProperty name="resize" version="3.0" browsers="C,FF4,S3" restriction="enum" syntax="div { $(name): both; }" description="Allows control over the appearance and function of the resizing mechanism (e.g. a resize box or widget) on the element. Applies to elements with 'overflow' other than 'visible'." standard-reference="http://www.w3.org/TR/css3-ui/#resize0">
<entry value="none" description="The UA does not present a resizing mechanism on the element, and the user is given no direct manipulation mechanism to resize the element." />
<entry value="both" description="The UA presents a bidirectional resizing mechanism to allow the user to adjust both the height and the width of the element." />
<entry value="horizontal" description="The UA presents a unidirectional horizontal resizing mechanism to allow the user to adjust only the width of the element." />
<entry value="vertical" description="The UA presents a unidirectional vertical resizing mechanism to allow the user to adjust only the height of the element." />
</CssProperty>
<CssProperty name="text-overflow" version="3.0" browsers="C,FF9,IE5.5,O11.6,S2" restriction="enum, string" syntax="span { $(name): ellipsis; }" description="Text can overflow for example when it is prevented from wrapping" standard-reference="http://www.w3.org/TR/css3-ui/#text-overflow0">
<entry value="clip" description="Clip inline content that overflows. Characters may be only partially rendered." />
<entry value="ellipsis" description="Render an ellipsis character (U+2026) to represent clipped inline content." />
</CssProperty>
<CssProperty name="icon" version="3.0" browsers="none" restriction="url" description="Provides the author the ability to style any arbitrary element with an iconic equivalent. An element's icon is not used/rendered unless the 'content' property is set to the value 'icon'." syntax="auto | 'uri' [, 'uri']*" standard-reference="http://www.w3.org/TR/css3-ui/#icon">
<entry value="auto" description="Use a default generic icon provided by the user agent." />
<entry value="url()" />
</CssProperty>
<CssPropertyValue type="box-sizings">
<entry value="content-box" description="Behavior of width and height as specified by CSS2.1. The specified width and height (and respective min/max properties) apply to the width and height respectively of the content box of the element." />
<entry value="border-box" description="The specified width and height (and respective min/max properties) on this element determine the border box of the element." />
<entry value="padding-box" browsers="none" description="The specified width and height (and respective min/max properties) on this element determine the padding box of the element." />
</CssPropertyValue>
<CssProperty name="box-sizing" version="3.0" browsers="C,IE8,O8,S5.1" type="box-sizings" restriction="enum" description="Box Model addition in CSS3." syntax="div { $(name): content-box; }" standard-reference="http://www.w3.org/TR/css3-ui/#box-sizing" />
<CssProperty name="cursor" version="2.0" restriction="url, number" description="Allows control over cursor appearance in an element" syntax="nav { $(name): pointer; }" standard-reference="http://www.w3.org/TR/css3-ui/#cursor0">
<entry value="auto" description="The UA determines the cursor to display based on the current context." />
<entry value="default" description="The platform-dependent default cursor. Often rendered as an arrow." />
<entry value="none" version="3.0" description="No cursor is rendered for the element." />
<entry value="context-menu" version="3.0" description="A context menu is available for the object under the cursor. Often rendered as an arrow with a small menu-like graphic next to it." />
<entry value="help" description="Help is available for the object under the cursor. Often rendered as a question mark or a balloon." />
<entry value="pointer" description="The cursor is a pointer that indicates a link." />
<entry value="progress" version="2.1" description="A progress indicator. The program is performing some processing, but is different from 'wait' in that the user may still interact with the program. Often rendered as a spinning beach ball, or an arrow with a watch or hourglass." />
<entry value="wait" description="Indicates that the program is busy and the user should wait. Often rendered as a watch or hourglass." />
<entry value="cell" version="3.0" description="Indicates that a cell or set of cells may be selected. Often rendered as a thick plus-sign with a dot in the middle." />
<entry value="crosshair" description="A simple crosshair (e.g., short line segments resembling a '+' sign). Often used to indicate a two dimensional bitmap selection mode." />
<entry value="text" description="Indicates text that may be selected. Often rendered as a vertical I-beam." />
<entry value="vertical-text" version="3.0" description="Indicates vertical-text that may be selected. Often rendered as a horizontal I-beam." />
<entry value="alias" version="3.0" description="Indicates an alias of/shortcut to something is to be created. Often rendered as an arrow with a small curved arrow next to it." />
<entry value="copy" version="3.0" description="Indicates something is to be copied. Often rendered as an arrow with a small plus sign next to it." />
<entry value="move" description="Indicates something is to be moved." />
<entry value="no-drop" version="3.0" description="Indicates that the dragged item cannot be dropped at the current cursor location. Often rendered as a hand or pointer with a small circle with a line through it." />
<entry value="not-allowed" version="3.0" description="Indicates that the requested action will not be carried out. Often rendered as a circle with a line through it." />
<entry value="grab" version="3.0" description="Indicates that something can be grabbed (dragged to be moved). Often rendered as the backside of an open hand." />
<entry value="grabbing" version="3.0" description="Indicates that something is being grabbed (dragged to be moved). Often rendered as the backside of a hand with fingers closed mostly out of view." />
<entry value="e-resize" description="Indicates that east edge is to be moved." />
<entry value="n-resize" description="Indicates that north edge is to be moved." />
<entry value="ne-resize" description="Indicates that movement starts from north-east corner." />
<entry value="nw-resize" description="Indicates that movement starts from north-west corner." />
<entry value="s-resize" description="Indicates that south edge is to be moved." />
<entry value="se-resize" description="Indicates that movement starts from south-east corner." />
<entry value="sw-resize" description="Indicates that movement starts from south-west corner." />
<entry value="w-resize" description="Indicates that west edge is to be moved." />
<entry value="ew-resize" version="3.0" description="Indicates a bidirectional east-west resize cursor." />
<entry value="ns-resize" version="3.0" description="Indicates a bidirectional north-south cursor." />
<entry value="nesw-resize" version="3.0" description="Indicates a bidirectional north-east/south-west cursor." />
<entry value="nwse-resize" version="3.0" description="Indicates a bidirectional north-west/south-east cursor." />
<entry value="col-resize" version="3.0" description="Indicates that the item/column can be resized horizontally. Often rendered as arrows pointing left and right with a vertical bar separating them." />
<entry value="row-resize" version="3.0" description="Indicates that the item/row can be resized vertically. Often rendered as arrows pointing up and down with a horizontal bar separating them." />
<entry value="all-scroll" version="3.0" description="Indicates that the something can be scrolled in any direction. Often rendered as arrows pointing up, down, left, and right with a dot in the middle." />
<entry value="zoom-in" version="3.0" browsers="none" description="Indicates that something can be zoomed (magnified) in or out, and often rendered as a magnifying glass with a '+' or '-' in the center of the glass, for 'zoom-in’ and 'zoom-out' respectively." />
<entry value="zoom-out" version="3.0" browsers="none" description="Indicates that something can be zoomed (magnified) in or out, and often rendered as a magnifying glass with a '+' or '-' in the center of the glass, for 'zoom-in’ and 'zoom-out' respectively." />
</CssProperty>
<CssProperty name="nav-index" version="3.0" browsers="O9.5" restriction="number" description="Provides an input-method-neutral way of specifying the sequential navigation order (also known as 'tabbing order')." syntax="auto | 'number'" standard-reference="http://www.w3.org/TR/css3-ui/#nav-index0">
<entry value="auto" description="The element's sequential navigation order is assigned automatically by the user agent." />
</CssProperty>
<CssProperty name="nav-up" version="3.0" browsers="O9.5" restriction="enum, identifier, string" description="Provides an way to control directional focus navigation." syntax="auto | 'id' [ current | root | 'target-name' ]?" standard-reference="http://www.w3.org/TR/css3-ui/#nav-up">
<entry value="auto" description="The user agent automatically determines which element to navigate the focus to in response to directional navigational input." />
<entry value="current" />
<entry value="root" />
</CssProperty>
<CssProperty name="nav-left" ref="nav-up" browsers="O9.5" />
<CssProperty name="nav-right" ref="nav-up" browsers="O9.5" />
<CssProperty name="nav-down" ref="nav-up" browsers="O9.5" />
<CssProperty name="content">
<entry value="icon" description="The (pseudo-)element is replaced in its entirety by the resource referenced by its 'icon' property, and treated as a replaced element." />
</CssProperty>
<CssPropertyValue type="imemodes">
<entry value="auto" description="No change is made to the current input method editor state. This is the default." />
<entry value="normal" description="The IME state should be normal; this value can be used in a user style sheet to override the page setting." />
<entry value="active" description="The input method editor is initially active; text entry is performed using it unless the user specifically dismisses it." />
<entry value="inactive" description="The input method editor is initially inactive, but the user may activate it if they wish." />
<entry value="disabled" description="The input method editor is disabled and may not be activated by the user." />
</CssPropertyValue>
<CssProperty name="ime-mode" version="3.0" browsers="FF3,IE5" type="imemodes" restriction="enum" syntax="body { $(name): active; }" description="Controls the state of the input method editor for text fields." standard-reference="http://www.w3.org/TR/css3-ui/#ime-mode" />
<CssProperty name="user-select" version="3.0" browsers="none" restriction="enum" syntax="div { $(name): text; }" description="Controls the appearance of selection." standard-reference="http://css-infos.net/property/-webkit-user-select">
<entry value="none" />
<entry value="text" />
<entry value="toggle" />
<entry value="element" />
<entry value="elements" />
<entry value="all" />
</CssProperty>
</CssModule>