D
OracleAS Wireless CSS Support

This appendix contains information about CSS Support.

D.1 OracleAS Wireless CSS Support

Table D-1 CSS Selectors

CSS Specification	Supported	Comments
*	Yes
E	Yes	Matches any E element (i.e., any element of type E)
E F	Yes	Matches any E element (i.e., any element of type E)
E > F	Yes	Matches any F element that is a child of an element E
E.warning	Yes	Match any E element with class="warning" (Class Selectors)
E#myid	Yes	Matches any E element with id equal to "myid"
#myid	Yes	Matches any element with id equal to "myid"

Note: In this release, OracleAS Wireless does not support namespaces in CSS Selectors. Element selectors match all elements in any (and no) namespace. XForms and XHTML do not have conflicting element names.

Table D-2 CSS at-rules (@ Rules)

CSS Specification	Supported	Comments
@media (CSS3 Media Query Syntax)	Yes	The following values are supported: "all", "screen", "handheld", "tty", "aural".
@import	Yes	Yes

Table D-3 CSS BackGround Properties

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
background-color	Yes	<color> | transparent | inherit	Initial Value: transparent Inherited: no Applies To: All Elements Media: Visual Media
background-image	Yes	<uri> | none | inherit	Initial Value: none Inherited: no Applies To: All Elements Media: Visual Media
background-position	No
background-repeat	No
background-attachment	No
background	No

Table D-4 CSS Border Properties

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
border-top-width, border-right-width, border-bottom-width, border-left-width	Yes	<border-width> | inherit <border-width> => [thin | medium | thick | <length>]	Initial Value: medium Inherited: no Applies To: All Elements Media: Visual Media
border-top-color, border-right-color, border-bottom-color, border-left-color	Yes	<color> | inherit	Initial Value: <value of color property> Inherited: no Applies To: All Elements Media: Visual Media
border-top-style, border-right-style, border-bottom-style, border-left-style	Yes	<border-style> | inherit <border-style> => [solid | none]	Initial Value: none Inherited: no Applies To: All Elements Media: Visual Media

Note: Border Properties are supported only on HTML-based browsers. Also in HTML32 browsers, these properties are supported only by table and grid layout elements. In addition, HTML32 browsers do not support control of sides (left, right, top, bottom) separately. In HTML32, you may either turn on or off the properties for all sides using the 'border-left-*' properties.

Table D-5 CSS Box Properties

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
margin-top, margin-right, margin-bottom margin-left	Yes	<margin-width> | inherit Note: Supported where devices supports. In HTML32 Browsers only table elements supported	Initial Value: 0 Inherited: no Applies To: All Elements Media: Visual Media
padding-top, padding-right, padding-bottom, padding-left	Yes	<padding-width> | inherit Note: Supported where devices supports. In HTML32 Browsers only table elements supported	Initial Value: 0 Inherited: no Applies To: All Elements Media: Visual Media

Note: Box Properties are supported only on HTML-based Browsers. In HTML32 browsers, these properties are supported only by table and grid layout elements. In addition, HTML32 browsers do not support control of sides (left, right, top, bottom) separately. In HTML32, you may either turn on or off the properties for all sides using the 'border-left-*' properties.

Table D-6 CSS Color Properties

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
color	Yes	<color>	Initial Value: #000000 Inherited: Yes Applies To: All Elements Media: Visual Media

Table D-7 CSS Font Properties

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
font-family	Yes	[[<family-name> | <generic-family>],]* [<family-name> | <generic-family>] | inherit	Inherited: Yes Applies To: All Elements Media: Visual Media
font-size	Yes	<absolute_size> | inherit <absolute_size> => [ xx-small | x-small | small | medium | large | x-large | xx-large]	Initial Value: medium Inherited: Yes Applies To: All Elements Media: Visual Media
font-style	Yes	normal | italic | oblique | inherit	Initial Value: normal Inherited: Yes Applies To: All Elements Media: Visual Media
font-weight	Yes	normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit	Initial Value: normal Inherited: Yes Applies To: All Elements Media: Visual Media

Table D-8 CSS Layout Properties

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
display	Yes	inline | block | list-item | none |grid | grid-label | grid-cell | grid-cell-label	Initial: inline Inherited: Yes Applies To: All Elements Media: All Media (Note: Only "display: none" can be applicable to aural media, as other values are visual in nature)
height	Yes	``<length> | <percentage> | auto | inherit	Initial Value: auto Inherited: Yes Applies To: All Elements Media: Visual Media
width	Yes	<length> | <percentage> | auto | inherit	Initial Value: auto Inherited: Yes Applies To: All Elements Media: Visual Media
float	No
clear	No
visibility	No

Note: Height and width Properties are supported only on HTML based browsers. In HTML32 Browsers (Pocket PC, Palm), these properties are supported only by image, table and grid layout elements. In general and especially for Multi-Channel applications, it is good practice to use percentages for width and height.

Table D-9 CSS List Properties

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
list-style	Yes	list-style-type | list-style-position | list-style-image | inherit	Inherited: Yes Applies To: Elements with display: list-item Media: Visual Media
list-style-image	Yes	<uri> | none | inherit	Initial Value: none Inherited: Yes Applies To: Elements with display: list-item Media: Visual Media
list-style-type	Yes	disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | inherit	Initial Value: disc Inherited: Yes Applies To: Elements with display: list-item Media: Visual Media
list-style-position	No

Table D-10 CSS Text Properties

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
text-align	Yes	left | right | center | justify | inherit	Inherited: Yes Applies To: All Elements Media: Visual Media
text-decoration	Yes	none | underline | inherit	Initial Value: none Inherited: Yes Applies To: Elements with display: list-item Media: Visual Media
text-transform	Yes	capitalize | uppercase | lowercase | none | inherit	Initial Value: none Inherited: Yes Applies To: All Elements Media: Visual Media
text-indent	Yes	<length> | <percentage> | inherit	Initial Value: 0 Inherited: Yes Applies To: All Elements Media: Visual Media
vertical-align	Yes	top | middle | bottom | sub | super	Initial Value: baseline Inherited: Yes Applies To: All Elements Media: Visual Media
white-space	Yes	normal | pre | nowrap | inherit	Initial Value: normal Inherited: Yes Applies To: All Elements Media: Visual Media

Note: text-align and vertical-align properties are supported only on HTML based browsers. The following additional constraints on HTML32 Browsers (Pocket PC, Palm) apply: 'vertical-align: top | middle| bottom' is supported only by block level elements such as div, p and table-cells 'vertical-align: sub | super' is supported only by inline elements such as span, strong 'text-align: left | right | center' is supported only by block-level elements such as div, p and table-cells 'text-indent' is supported only on XHTML MP-compliant browsers 'white-space' property should be used to control wrapping (white-space: normal) and nowrapping modes.

Table D-11 CSS Page Break Properties

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
page-break-before	Yes	auto | always | avoid | inherit	Initial: auto Inherited: No Applies To: All Elements Media: Visual and Paged Media
page-break-after	Yes	auto | always | avoid | inherit	Initial: auto Inherited: No Applies To: All Elements Media: Visual and Paged Media
page-break-inside	Yes	auto | avoid | inherit	Initial: auto Inherited: No Applies To: All Elements Media: Visual and Paged Media

Note: Page break properties are used to split a single page into multiple cards on paged devices (browsers that support WML/HDML). These properties control how deck (page) overflow support is handled by the server on devices where deck (page) size limitations may exist.

Table D-12 Oracle CSS Extensions for UI Layout

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
display	Yes	grid | grid-cell (OracleAS Wireless supports the above extension values for 'display' property)	Initial: inline Inherited: Yes Applies To: All Elements Media: Visual Media
_orcl-grid-cells	Yes	<number>	Initial: 1 Inherited: No Applies To: Elements with display: grid Media: Visual Media
_orcl-grid-cellspan	Yes	<number | all	Initial Value: 1 Inherited: No Applies To: Elements with display: grid-cell Media: Visual Media
_orcl-label-side	Yes	left | right | top | bottom	Initial Value: left Inherited: No Applies To: Elements with display: grid-cell and display: inline Media: Visual Media

Note: _orcl-label-side property supports only 'left | right' when 'display: inline'.

Table D-13 Oracle CSS Extensions for List Control Layout

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
_orcl-list-orient	Yes	horizontal | vertical	Inherited: Yes Applies To: List Controls (select/select1) Media: Visual Media

Table 16-1 Oracle CSS Extensions for Repeat Layout

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
_orcl-repeat-labels	Yes	none | once | always	Initial: once Inherited: Yes Applies To: Repeat Elements Media: Visual Media

Note: _orcl-repeat-labels property is applicable only to repeat elements. This property controls the display of label, or UI controls with a repeat structure.

Table D-14 Other Oracle CSS Extensions

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
_orcl-table-col-separator	Yes	<string>	Initial: "," Inherited: Yes Applies To: Table and Table row Media: Visual Media with no "table" Media Feature

Note: _orcl-table-col-separator property is used when tables are not supported natively on the target browser.

Table D-15 CSS Aural Properties

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
volume	Yes	default | silent | soft | medium | loud | inherit	Initial: default Inherited: Yes Applies To: All Elements Media: Aural Media
speak	Yes	normal | spell-out | date | time | currency | duration | telephone | net | address| inherit | measurement | name	Initial: normal Inherited: Yes Applies To: All Elements Media: Aural Media
speak-numeral	Yes	digits | continuous | ordinal | inherit	Initial Value: continuous Inherited: Yes Applies To: All Elements Media: Aural Media
speak-header	Yes	once | always | inherit	Initial Value: once Inherited: Yes Applies To: Elements that have table header Media: Aural Media
pause-after	Yes	<time> | none | small | medium | large | inherit	Initial Value: none Inherited: No Applies To: All Elements Media: Aural Media
pause-before	Yes	<time> | none | small | medium | large | inherit	Initial Value: none Inherited: Yes Applies To: All Elements Media: Aural Media
speech-rate	Yes	slow | medium | fast | default | inherit	Initial Value: default Inherited: No Applies To: All Elements Media: Aural Media
pitch	Yes	low | medium | high | default | inherit	Initial Value: default Inherited: Yes Applies To: All Elements Media: Aural Media
pitch-range	Yes	low | medium | high | default | inherit	Initial Value: default Inherited: Yes Applies To: All Elements Media: Aural Media
stress	Yes	none | reduced | moderate | strong | inherit	Initial Value: none Inherited: Yes Applies To: All Elements Media: Aural Media

Table D-16 Oracle CSS Extensions for Aural

CSS Specification	Supported	Values Supported	Initial value/Inherited/Applies to/media
_orcl-bargein	Yes	true | false | inherit	Initial: true Inherited: Yes Applies To: All Elements Media: Aural Media
_orcl_sayas_format	Yes	none | date(dmy | mdy | ymd | ym | my | md | y) | time(hm | hms) | duration(hm | hms | ms | h | m | s) | net (email | url)	Initial: none Inherited: Yes Applies To: All Elements Media: Aural Media
_orcl-duration	Yes	<time>	Inherited: Yes Applies To: All Elements with "speak: duration" Media: Aural Media
_orcl-pitch-contour	Yes	<string> Examples: "(0%,+20)(10%,+30%)(40%,+10)"	Inherited: Yes Applies To: All Elements with "speak: duration" Media: Aural Media
_orcl-aural-props	Yes	vxml-gateway-property- name(property-value) [,vxml-gateway-property-name(property-value)]*	Inherited: Yes Applies To: All Elements Media: Aural Media