CSS3 Basic User Interface Module support in Opera Presto 2.8

W3C references
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
CSS3 Basic User Interface module
On this page...
Properties and values
User interface pseudo classes

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.

Properties and values

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 ] ] | 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

User interface pseudo classes

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

Documentation

Opera Help

Need help? Hit F1 anytime while using Opera to access our online help files, or go here.