Opera Presto offers partial support for the CSS3 Basic User Interface Module as described in the following data tables. Please note that each property is hyperlinked to its place in the W3C Basic User Interface Module.
Note: The cursor property values "zoom-in" and "zoom-out" are now supported without
the Opera proprietary -o- prefix.
| Property | Values | Description | Support |
|---|---|---|---|
appearance
|
normal | <appearance> | inherit
|
This property can be used to make an element look like a standard user interface element on the platform. It is a shorthand for "appearance", "color", "font", and "cursor". | No |
box-sizing
|
content-box | border-box | inherit
|
This property specifies a border/padding value in relation to a fluid length element. | Yes |
content
|
icon
|
This property is used with the :before and :after pseudo-elements to generate content in a document. | No |
cursor
|
[ [<uri> [<x> <y>]?,]* [ auto | default | none | context-menu | help | pointer | progress | wait |
cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize
| nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize
| row-resize | all-scroll | zoom-in | zoom-out ] ] | inherit
|
This property specifies the type of cursor to be displayed for the pointing device. | Yes |
font
|
<appearance> | status-bar | message-box | caption | small-caption | inherit
|
The shorthand "font" property has the effect of setting all of the elemental "font-*" properties. | Yes |
icon
|
auto | <uri> [, <uri>]* | inherit
|
The "icon" property give the author the ability to style any arbitrary element with an iconic equivalent. | No |
nav-index
|
auto | <number> | inherit
|
This property is an input-method-neutral way of specifying the sequential navigation order, also known as "tabbing order". | Yes |
nav-up
|
auto | <id> [ current | root | <target-name> ]? | inherit
|
This property allows User agents for devices with directional navigation keys to respond by navigating the nav-up focus. | Yes |
nav-right
|
auto | <id> [ current | root | <target-name> ]? | inherit
|
This property allows User agents for devices with directional navigation keys to respond by navigating the nav-right focus. | Yes |
nav-down
|
auto | <id> [ current | root | <target-name> ]? | inherit
|
This property allows User agents for devices with directional navigation keys to respond by navigating the nav-down focus. | Yes |
nav-left
|
auto | <id> [ current | root | <target-name> ]? | inherit
|
This property allows User agents for devices with directional navigation keys to respond by navigating the nav-left focus. | Yes |
outline
|
[ <"outline-color"> || <"outline-style"> || <"outline-width"> ] | inherit
|
This property allows authors who want to create outlines around visual objects such as buttons, active form fields, image maps, etc., to make them stand out. | Yes |
outline-color
|
<color> | invert | inherit
|
This property controls the border color of a dynamic outline. | Yes |
outline-offset
|
<length> | inherit
|
This property controls the border offset of a dynamic outline. | Yes |
outline-style
|
auto | <border-style> | inherit
|
This property controls the border style of a dynamic outline. | Yes |
outline-width
|
<border-width> | inherit
|
This property controls the border width of a dynamic outline. | Yes |
resize
|
none | both | horizontal | vertical | inherit
|
This property allows an author to specify whether or not an element is resizable by the user, and if so, along which axis/axes. | No |
The following table defines CSS3 user interface pseudo classes supported by Opera Presto.
| Pseudo class | Level | Support |
|---|---|---|
:active
|
CSS 1/2 | Yes |
:checked
|
CSS 3 | Yes |
:default
|
CSS 3 | Yes |
:disabled
|
CSS 3 | Yes |
:enabled
|
CSS 3 | Yes |
:focus
|
CSS 2 | Yes |
:hover
|
CSS 2 | Yes |
:in-range
|
CSS 3 | Yes |
:indeterminate
|
CSS 3 | Yes |
:invalid
|
CSS 3 | Yes |
:optional
|
CSS 3 | Yes |
:out-of-range
|
CSS 3 | Yes |
:read-only
|
CSS 3 | Yes |
:read-write
|
CSS 3 | Yes |
:required
|
CSS 3 | Yes |
:valid
|
CSS 3 | Yes |
:visited
|
CSS 1/2 | Yes |
Need help? Hit F1 anytime while using Opera to access our online help files, or go here.