This document is a section of the web browser standards support document. It includes detailed information about CSS support in major web browsers.
CSS is the primary language for adding presentation elements to a webpage. These presentation elements include colors, fonts, backgrounds, and layout.
The following are units that are used in CSS properties. The values reflect the browser's best support for these units. Support may be weaker in some properties. See the specific property information for details.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| Color | ||
| (General) | Y | Y |
| #rrggbb | I | I |
| #rgb | I | I |
| rgb(<red>, <green>, <blue>) | I | I |
| aqua | Y | Y |
| black | Y | Y |
| blue | Y | Y |
| fuchsia | Y | Y |
| gray | Y | Y |
| green | Y | Y |
| lime | Y | Y |
| maroon | Y | Y |
| navy | Y | Y |
| olive | Y | Y |
| orange | Y | Y |
| purple | Y | Y |
| red | Y | Y |
| silver | Y | Y |
| teal | Y | Y |
| white | Y | Y |
| yellow | Y | Y |
| ActiveBorder | Y | Y |
| ActiveCaption | Y | Y |
| AppWorkspace | Y | Y |
| Background | Y | Y |
| ButtonFace | Y | Y |
| ButtonHighlight | Y | Y |
| ButtonShadow | Y | Y |
| ButtonText | Y | Y |
| CaptionText | Y | Y |
| GrayText | Y | Y |
| Highlight | Y | Y |
| HighlightText | Y | Y |
| InactiveBorder | Y | Y |
| InactiveCaption | Y | Y |
| InactiveCaptionText | Y | Y |
| InfoBackground | Y | Y |
| InfoText | Y | Y |
| Menu | Y | Y |
| MenuText | Y | Y |
| Scrollbar | Y | Y |
| ThreeDDarkShadow | Y | Y |
| ThreeDFace | Y | Y |
| ThreeDHighlight | Y | Y |
| ThreeDLightShadow | Y | Y |
| ThreeDShadow | Y | Y |
| Window | Y | Y |
| WindowFrame | Y | Y |
| WindowText | Y | Y |
| Counter | ||
| (General) | I | I |
| Integer | ||
| (General) | Y | Y |
| Length | ||
| (General) | Y | Y |
| em | Y | Y |
| ex | Y | Y |
| px | Y | Y |
| in | Y | Y |
| cm | Y | Y |
| mm | Y | Y |
| pt | Y | Y |
| pc | Y | Y |
| Number | ||
| (General) | Y | Y |
| Percentage | ||
| (General) | Y | Y |
| String | ||
| (General) | Y | Y |
| URI | ||
| (General) | Y | Y |
Importance gives dominance to CSS rules that would normally be overridden by rules of greater specificity or latter appearance.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| !important | ||
| (General) | Y | Y |
At-rules provide special operations and selection mechanisms for the CSS document.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| @charset | ||
| (General) | Y | Y |
| @import | ||
| (General) | Y | Y |
| @media | ||
| (General) | I | Y |
| @page | ||
| (General) | Y | Y |
| :left | Y | Y |
| :right | Y | Y |
| :first | Y | Y |
Selectors specify where CSS rules are applied on the document.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| * | ||
| (General) | I | I |
| E | ||
| (General) | Y | Y |
| E F | ||
| (General) | Y | Y |
| E > F | ||
| (General) | Y | Y |
| E + F | ||
| (General) | I | I |
| [attr] | ||
| (General) | Y | Y |
| [attr="value"] | ||
| (General) | I | I |
| [attr~="value"] | ||
| (General) | I | I |
| [attr|="value"] | ||
| (General) | I | I |
| .class | ||
| (General) | Y | Y |
| #id | ||
| (General) | Y | Y |
Pseudo-classes select elements in certain special states.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| :active | ||
| (General) | I | Y |
| :first-child | ||
| (General) | I | I |
| :focus | ||
| (General) | Y | Y |
| :hover | ||
| (General) | I | Y |
| :lang(C) | ||
| (General) | Y | Y |
| :link | ||
| (General) | Y | Y |
| :visited | ||
| (General) | Y | Y |
Pseudo-elements are styled portions of the displayed page that were created by one of the following selectors.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| :after | ||
| (General) | I | I |
| :before | ||
| (General) | I | I |
| :first-letter | ||
| (General) | I | I |
| :first-line | ||
| (General) | Y | Y |
The following are CSS properties that are used in normal graphical webpage displays in web browsers.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| background | ||
| (General) | I | I |
| (background-color) | 82% | 82% |
| (background-image) | 83% | 83% |
| (background-repeat) | 90% | 90% |
| (background-attachment) | 83% | 83% |
| (background-position) | 94% | 94% |
| inherit | Y | Y |
| background-attachment | ||
| (General) | I | I |
| scroll | Y | Y |
| fixed | Y | Y |
| inherit | Y | Y |
| background-color | ||
| (General) | I | I |
| (Color) | 97% | 97% |
| transparent | Y | Y |
| inherit | Y | Y |
| background-image | ||
| (General) | I | I |
| (URI) | Y | Y |
| none | Y | Y |
| inherit | Y | Y |
| background-position | ||
| (General) | I | I |
| (Percentage) | Y | Y |
| (Length) | Y | Y |
| left | Y | Y |
| center (horizontal) | Y | Y |
| right | Y | Y |
| top | Y | Y |
| center (vertical) | Y | Y |
| bottom | Y | Y |
| inherit | Y | Y |
| background-repeat | ||
| (General) | I | I |
| repeat | Y | Y |
| repeat-x | Y | Y |
| repeat-y | Y | Y |
| no-repeat | Y | Y |
| inherit | Y | Y |
| border | ||
| (General) | Y | Y |
| (border-width) | Y | Y |
| (border-style) | Y | Y |
| (border-top-color) | 99% | 99% |
| inherit | Y | Y |
| border-bottom | ||
| (General) | Y | Y |
| (border-width) | Y | Y |
| (border-style) | Y | Y |
| (border-top-color) | 99% | 99% |
| inherit | Y | Y |
| border-bottom-color | ||
| (General) | Y | Y |
| (Color) | 97% | 97% |
| transparent | Y | Y |
| inherit | Y | Y |
| border-bottom-style | ||
| (General) | Y | Y |
| none | Y | Y |
| hidden | Y | Y |
| dotted | Y | Y |
| dashed | Y | Y |
| solid | Y | Y |
| double | Y | Y |
| groove | Y | Y |
| ridge | Y | Y |
| inset | Y | Y |
| outset | Y | Y |
| inherit | Y | Y |
| border-bottom-width | ||
| (General) | Y | Y |
| thin | Y | Y |
| medium | Y | Y |
| thick | Y | Y |
| (Length) | Y | Y |
| inherit | Y | Y |
| border-collapse | ||
| (General) | Y | Y |
| collapse | Y | Y |
| separate | Y | Y |
| inherit | Y | Y |
| border-color | ||
| (General) | Y | Y |
| (Color) | 97% | 97% |
| transparent | Y | Y |
| inherit | Y | Y |
| border-left | ||
| (General) | Y | Y |
| (border-width) | Y | Y |
| (border-style) | Y | Y |
| (border-top-color) | 99% | 99% |
| inherit | Y | Y |
| border-left-color | ||
| (General) | Y | Y |
| (Color) | 97% | 97% |
| transparent | Y | Y |
| inherit | Y | Y |
| border-left-style | ||
| (General) | Y | Y |
| none | Y | Y |
| hidden | Y | Y |
| dotted | Y | Y |
| dashed | Y | Y |
| solid | Y | Y |
| double | Y | Y |
| groove | Y | Y |
| ridge | Y | Y |
| inset | Y | Y |
| outset | Y | Y |
| inherit | Y | Y |
| border-left-width | ||
| (General) | Y | Y |
| thin | Y | Y |
| medium | Y | Y |
| thick | Y | Y |
| (Length) | Y | Y |
| inherit | Y | Y |
| border-right | ||
| (General) | Y | Y |
| (border-width) | Y | Y |
| (border-style) | Y | Y |
| (border-top-color) | 99% | 99% |
| inherit | Y | Y |
| border-right-color | ||
| (General) | Y | Y |
| (Color) | 97% | 97% |
| transparent | Y | Y |
| inherit | Y | Y |
| border-right-style | ||
| (General) | Y | Y |
| none | Y | Y |
| hidden | Y | Y |
| dotted | Y | Y |
| dashed | Y | Y |
| solid | Y | Y |
| double | Y | Y |
| groove | Y | Y |
| ridge | Y | Y |
| inset | Y | Y |
| outset | Y | Y |
| inherit | Y | Y |
| border-right-width | ||
| (General) | Y | Y |
| thin | Y | Y |
| medium | Y | Y |
| thick | Y | Y |
| (Length) | Y | Y |
| inherit | Y | Y |
| border-spacing | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| inherit | Y | Y |
| border-style | ||
| (General) | Y | Y |
| none | Y | Y |
| hidden | Y | Y |
| dotted | Y | Y |
| dashed | Y | Y |
| solid | Y | Y |
| double | Y | Y |
| groove | Y | Y |
| ridge | Y | Y |
| inset | Y | Y |
| outset | Y | Y |
| inherit | Y | Y |
| border-top | ||
| (General) | Y | Y |
| (border-width) | Y | Y |
| (border-style) | Y | Y |
| (border-top-color) | 99% | 99% |
| inherit | Y | Y |
| border-top-color | ||
| (General) | Y | Y |
| (Color) | 97% | 97% |
| transparent | Y | Y |
| inherit | Y | Y |
| border-top-style | ||
| (General) | Y | Y |
| none | Y | Y |
| hidden | Y | Y |
| dotted | Y | Y |
| dashed | Y | Y |
| solid | Y | Y |
| double | Y | Y |
| groove | Y | Y |
| ridge | Y | Y |
| inset | Y | Y |
| outset | Y | Y |
| inherit | Y | Y |
| border-top-width | ||
| (General) | Y | Y |
| thin | Y | Y |
| medium | Y | Y |
| thick | Y | Y |
| (Length) | Y | Y |
| inherit | Y | Y |
| border-width | ||
| (General) | Y | Y |
| thin | Y | Y |
| medium | Y | Y |
| thick | Y | Y |
| (Length) | Y | Y |
| inherit | Y | Y |
| bottom | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| caption-side | ||
| (General) | I | Y |
| top | Y | Y |
| bottom | Y | Y |
| inherit | Y | Y |
| clear | ||
| (General) | Y | Y |
| none | Y | Y |
| left | Y | Y |
| right | Y | Y |
| both | Y | Y |
| inherit | Y | Y |
| clip | ||
| (General) | Y | Y |
| rect(<top>, <right>, <bottom>, <left>) | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| color | ||
| (General) | Y | Y |
| (Color) | 97% | 97% |
| inherit | Y | Y |
| content | ||
| (General) | Y | Y |
| none | N | N |
| normal | Y | Y |
| (String) | Y | Y |
| (URI) | Y | Y |
| counter(<counter>) | I | I |
| counter(<counter>, <list-style-type>) | I | I |
| counters(<counter>, <string>) | I | I |
| counters(<counter>, <string>, <list-style-type>) | I | I |
| attr(<attr>) | Y | Y |
| open-quote | Y | Y |
| close-quote | Y | Y |
| no-open-quote | Y | Y |
| no-close-quote | Y | Y |
| inherit | Y | Y |
| counter-increment | ||
| (General) | I | I |
| (Counter) | Y | Y |
| (Integer) | Y | Y |
| none | Y | Y |
| inherit | Y | Y |
| counter-reset | ||
| (General) | Y | Y |
| (Counter) | Y | Y |
| (Integer) | Y | Y |
| none | Y | Y |
| inherit | Y | Y |
| cursor | ||
| (General) | I | I |
| (URI) | N | N |
| auto | Y | Y |
| crosshair | Y | Y |
| default | Y | Y |
| pointer | Y | Y |
| move | Y | Y |
| e-resize | Y | Y |
| ne-resize | Y | Y |
| nw-resize | Y | Y |
| n-resize | Y | Y |
| se-resize | Y | Y |
| sw-resize | Y | Y |
| s-resize | Y | Y |
| w-resize | Y | Y |
| text | Y | Y |
| wait | Y | Y |
| help | Y | Y |
| progress | Y | Y |
| inherit | Y | Y |
| direction | ||
| (General) | Y | Y |
| ltr | Y | Y |
| rtl | Y | Y |
| inherit | Y | Y |
| display | ||
| (General) | Y | Y |
| inline | Y | Y |
| block | Y | Y |
| list-item | Y | Y |
| run-in | Y | Y |
| inline-block | Y | Y |
| table | Y | Y |
| inline-table | Y | Y |
| table-row-group | Y | Y |
| table-header-group | Y | Y |
| table-footer-group | Y | Y |
| table-row | Y | Y |
| table-column-group | I | I |
| table-column | I | I |
| table-cell | Y | Y |
| table-caption | Y | Y |
| none | Y | Y |
| inherit | Y | Y |
| empty-cells | ||
| (General) | Y | Y |
| show | Y | Y |
| hide | I | I |
| inherit | Y | Y |
| float | ||
| (General) | Y | Y |
| left | Y | I |
| right | Y | I |
| none | Y | Y |
| inherit | Y | Y |
| font | ||
| (General) | Y | Y |
| (font-style) | Y | Y |
| (font-variant) | Y | Y |
| (font-weight) | Y | Y |
| (font-size) | Y | Y |
| (line-height) | Y | Y |
| (font-family) | Y | Y |
| caption | Y | Y |
| icon | Y | Y |
| menu | Y | Y |
| message-box | Y | Y |
| small-caption | Y | Y |
| status-bar | Y | Y |
| inherit | Y | Y |
| font-family | ||
| (General) | Y | Y |
| (Family name) | Y | Y |
| serif | Y | Y |
| sans-serif | Y | Y |
| cursive | Y | Y |
| fantasy | Y | Y |
| monospace | Y | Y |
| inherit | Y | Y |
| font-size | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| xx-small | Y | Y |
| x-small | Y | Y |
| small | Y | Y |
| medium | Y | Y |
| large | Y | Y |
| x-large | Y | Y |
| xx-large | Y | Y |
| larger | Y | Y |
| smaller | Y | Y |
| inherit | Y | Y |
| font-style | ||
| (General) | Y | Y |
| normal | Y | Y |
| italic | Y | Y |
| oblique | Y | Y |
| inherit | Y | Y |
| font-variant | ||
| (General) | Y | Y |
| normal | Y | Y |
| small-caps | Y | Y |
| inherit | Y | Y |
| font-weight | ||
| (General) | Y | Y |
| normal | Y | Y |
| bold | Y | Y |
| bolder | Y | Y |
| lighter | Y | Y |
| 100 | Y | Y |
| 200 | Y | Y |
| 300 | Y | Y |
| 400 | Y | Y |
| 500 | Y | Y |
| 600 | Y | Y |
| 700 | Y | Y |
| 800 | Y | Y |
| 900 | Y | Y |
| inherit | Y | Y |
| height | ||
| (General) | I | I |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| left | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| letter-spacing | ||
| (General) | Y | Y |
| normal | Y | Y |
| (Length) | Y | Y |
| inherit | Y | Y |
| line-height | ||
| (General) | Y | Y |
| normal | Y | Y |
| (Number) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| inherit | Y | Y |
| list-style | ||
| (General) | Y | Y |
| (list-style-type) | Y | Y |
| (list-style-position) | Y | Y |
| (list-style-image) | Y | Y |
| inherit | Y | Y |
| list-style-image | ||
| (General) | Y | Y |
| (URI) | Y | Y |
| none | Y | Y |
| inherit | Y | Y |
| list-style-position | ||
| (General) | Y | Y |
| inside | Y | Y |
| outside | Y | Y |
| inherit | Y | Y |
| list-style-type | ||
| (General) | Y | Y |
| disc | Y | Y |
| circle | Y | Y |
| square | Y | Y |
| decimal | Y | Y |
| decimal-leading-zero | Y | Y |
| lower-roman | Y | Y |
| upper-roman | Y | Y |
| lower-greek | Y | Y |
| lower-latin | Y | Y |
| upper-latin | Y | Y |
| armenian | Y | Y |
| georgian | Y | Y |
| lower-alpha | Y | Y |
| upper-alpha | Y | Y |
| none | Y | Y |
| inherit | Y | Y |
| margin | ||
| (General) | I | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| margin-bottom | ||
| (General) | I | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| margin-left | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| margin-right | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| margin-top | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| max-height | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| none | Y | Y |
| inherit | Y | Y |
| max-width | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| none | Y | Y |
| inherit | Y | Y |
| min-height | ||
| (General) | I | I |
| (Length) | Y | Y |
| (Percentage) | I | I |
| inherit | Y | Y |
| min-width | ||
| (General) | I | I |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| inherit | Y | Y |
| outline | ||
| (General) | Y | Y |
| (outline-color) | 99% | 99% |
| (outline-style) | Y | Y |
| (outline-width) | Y | Y |
| inherit | Y | Y |
| outline-color | ||
| (General) | Y | Y |
| (Color) | 97% | 97% |
| invert | Y | Y |
| inherit | Y | Y |
| outline-style | ||
| (General) | Y | Y |
| (border-style) | Y | Y |
| inherit | Y | Y |
| outline-width | ||
| (General) | Y | Y |
| (border-width) | Y | Y |
| inherit | Y | Y |
| overflow | ||
| (General) | Y | Y |
| visible | Y | Y |
| hidden | Y | Y |
| scroll | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| padding | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| inherit | Y | Y |
| padding-bottom | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| inherit | Y | Y |
| padding-left | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| inherit | Y | Y |
| padding-right | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| inherit | Y | Y |
| padding-top | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| inherit | Y | Y |
| position | ||
| (General) | Y | Y |
| static | Y | Y |
| relative | Y | Y |
| absolute | Y | Y |
| fixed | Y | Y |
| inherit | Y | Y |
| quotes | ||
| (General) | I | I |
| (String) | Y | Y |
| none | N | Y |
| inherit | Y | Y |
| right | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| table-layout | ||
| (General) | Y | Y |
| auto | Y | Y |
| fixed | Y | Y |
| inherit | Y | Y |
| text-align | ||
| (General) | Y | Y |
| left | Y | Y |
| right | Y | Y |
| center | Y | Y |
| justify | Y | Y |
| inherit | Y | Y |
| text-decoration | ||
| (General) | I | Y |
| none | Y | Y |
| underline | Y | Y |
| overline | Y | Y |
| line-through | Y | Y |
| blink | Y | Y |
| inherit | Y | Y |
| text-indent | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| inherit | Y | Y |
| text-transform | ||
| (General) | Y | Y |
| capitalize | Y | Y |
| uppercase | Y | Y |
| lowercase | Y | Y |
| none | Y | Y |
| inherit | Y | Y |
| top | ||
| (General) | Y | Y |
| (Length) | Y | Y |
| (Percentage) | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| unicode-bidi | ||
| (General) | Y | Y |
| normal | Y | Y |
| embed | Y | Y |
| bidi-override | Y | Y |
| inherit | Y | Y |
| vertical-align | ||
| (General) | Y | Y |
| baseline | Y | Y |
| sub | Y | Y |
| super | Y | Y |
| top | Y | Y |
| text-top | Y | Y |
| middle | Y | Y |
| bottom | Y | Y |
| text-bottom | Y | Y |
| (Percentage) | Y | Y |
| (Length) | Y | Y |
| inherit | Y | Y |
| visibility | ||
| (General) | Y | Y |
| visible | Y | Y |
| hidden | Y | Y |
| collapse | I | I |
| inherit | Y | Y |
| white-space | ||
| (General) | Y | Y |
| normal | Y | I |
| pre | Y | I |
| nowrap | Y | I |
| pre-wrap | Y | Y |
| pre-line | N | N |
| inherit | Y | Y |
| width | ||
| (General) | I | I |
| (Length) | Y | Y |
| (Percentage) | I | Y |
| auto | Y | Y |
| inherit | Y | Y |
| word-spacing | ||
| (General) | Y | Y |
| normal | Y | Y |
| (Length) | Y | Y |
| inherit | Y | Y |
| z-index | ||
| (General) | I | Y |
| auto | Y | Y |
| (Integer) | Y | Y |
| inherit | Y | Y |
The following CSS properties allow special formatting on paged media, such as pages printed with a printer.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| orphans | ||
| (General) | I | Y |
| (Integer) | Y | Y |
| inherit | Y | Y |
| page-break-after | ||
| (General) | Y | Y |
| auto | Y | Y |
| always | Y | Y |
| avoid | Y | Y |
| left | Y | Y |
| right | Y | Y |
| inherit | Y | Y |
| page-break-before | ||
| (General) | Y | Y |
| auto | Y | Y |
| always | Y | Y |
| avoid | Y | Y |
| left | Y | Y |
| right | Y | Y |
| inherit | Y | Y |
| page-break-inside | ||
| (General) | Y | Y |
| avoid | Y | Y |
| auto | Y | Y |
| inherit | Y | Y |
| widows | ||
| (General) | I | Y |
| (Integer) | Y | Y |
| inherit | Y | Y |
The following summarizes the requirements for a web browser to claim full support for CSS 2.1. A web browser may not claim full conformance unless all of the following are met. Each of these points is graded on an all-or-nothing basis.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| Conformance | ||
| Support a media type | Y | Y |
| Attempt to retrieve all style sheets | Y | Y |
| Follow all specified grammar | N | N |
| Assign elements all applicable properties | Y | Y |
| Support alternate style sheets | Y | Y |
| Allow disabling author style sheet | Y | Y |
| Support user style sheets | Y | Y |
The following are features that have been added or significantly changed in CSS 3. The sections of CSS 3 shown below have reached at least the Candidate Recommendation stage, which means these features are ready to be implemented in user agents.
The following are units that are used in CSS properties. The values reflect the browser's best support for these units. Support may be weaker in some properties. See the specific property information for details.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| Appearance | ||
| (General) | I | I |
| icon | I | I |
| window | N | N |
| desktop | N | N |
| workspace | N | N |
| document | N | N |
| tooltip | N | N |
| dialog | N | N |
| button | N | N |
| push-button | N | N |
| hyperlink | N | N |
| radio-button | N | N |
| checkbox | N | N |
| menu-item | N | N |
| tab | N | N |
| menu | I | I |
| menubar | N | N |
| pull-down-menu | N | N |
| pop-up-menu | N | N |
| list-menu | N | N |
| radio-group | N | N |
| checkbox-group | N | N |
| outline-tree | N | N |
| range | N | N |
| field | N | N |
| combo-box | N | N |
| signature | N | N |
| password | N | N |
| Color | ||
| rgba(<red>, <green>, <blue>, <alpha>) | N | N |
| transparent | I | I |
| hsl(<hue>, <saturation>, <lightness>) | N | N |
| hsla(<hue>, <saturation>, <lightness>, <alpha>) | N | N |
| currentColor | N | N |
| flavor | N | N |
| aliceblue | Y | Y |
| antiquewhite | Y | Y |
| aquamarine | Y | Y |
| azure | Y | Y |
| beige | Y | Y |
| bisque | Y | Y |
| blanchedalmond | Y | Y |
| blueviolet | Y | Y |
| brown | Y | Y |
| burlywood | Y | Y |
| cadetblue | Y | Y |
| chartreuse | Y | Y |
| chocolate | Y | Y |
| coral | Y | Y |
| cornflowerblue | Y | Y |
| cornsilk | Y | Y |
| crimson | Y | Y |
| cyan | Y | Y |
| darkblue | Y | Y |
| darkcyan | Y | Y |
| darkgoldenrod | Y | Y |
| darkgray | Y | Y |
| darkgreen | Y | Y |
| darkgrey | Y | Y |
| darkkhaki | Y | Y |
| darkmagenta | Y | Y |
| darkolivegreen | Y | Y |
| darkorange | Y | Y |
| darkorchid | Y | Y |
| darkred | Y | Y |
| darksalmon | Y | Y |
| darkseagreen | Y | Y |
| darkslateblue | Y | Y |
| darkslategray | Y | Y |
| darkslategrey | Y | Y |
| darkturquoise | Y | Y |
| darkviolet | Y | Y |
| deeppink | Y | Y |
| deepskyblue | Y | Y |
| dimgray | Y | Y |
| dimgrey | Y | Y |
| dodgerblue | Y | Y |
| firebrick | Y | Y |
| floralwhite | Y | Y |
| forestgreen | Y | Y |
| gainsboro | Y | Y |
| ghostwhite | Y | Y |
| gold | Y | Y |
| goldenrod | Y | Y |
| greenyellow | Y | Y |
| grey | Y | Y |
| honeydew | Y | Y |
| hotpink | Y | Y |
| indianred | Y | Y |
| indigo | Y | Y |
| ivory | Y | Y |
| khaki | Y | Y |
| lavender | Y | Y |
| lavenderblush | Y | Y |
| lawngreen | Y | Y |
| lemonchiffon | Y | Y |
| lightblue | Y | Y |
| lightcoral | Y | Y |
| lightcyan | Y | Y |
| lightgoldenrodyellow | Y | Y |
| lightgray | Y | Y |
| lightgreen | Y | Y |
| lightgrey | Y | Y |
| lightpink | Y | Y |
| lightsalmon | Y | Y |
| lightseagreen | Y | Y |
| lightskyblue | Y | Y |
| lightslategray | Y | Y |
| lightslategrey | Y | Y |
| lightsteelblue | Y | Y |
| lightyellow | Y | Y |
| limegreen | Y | Y |
| linen | Y | Y |
| magenta | Y | Y |
| mediumaquamarine | Y | Y |
| mediumblue | Y | Y |
| mediumorchid | Y | Y |
| mediumpurple | Y | Y |
| mediumseagreen | Y | Y |
| mediumslateblue | Y | Y |
| mediumspringgreen | Y | Y |
| mediumturquoise | Y | Y |
| mediumvioletred | Y | Y |
| midnightblue | Y | Y |
| mintcream | Y | Y |
| mistyrose | Y | Y |
| moccasin | Y | Y |
| navajowhite | Y | Y |
| oldlace | Y | Y |
| olivedrab | Y | Y |
| orangered | Y | Y |
| orchid | Y | Y |
| palegoldenrod | Y | Y |
| palegreen | Y | Y |
| paleturquoise | Y | Y |
| palevioletred | Y | Y |
| papayawhip | Y | Y |
| peachpuff | Y | Y |
| peru | Y | Y |
| pink | Y | Y |
| plum | Y | Y |
| powderblue | Y | Y |
| rosybrown | Y | Y |
| royalblue | Y | Y |
| saddlebrown | Y | Y |
| salmon | Y | Y |
| sandybrown | Y | Y |
| seagreen | Y | Y |
| seashell | Y | Y |
| sienna | Y | Y |
| skyblue | Y | Y |
| slateblue | Y | Y |
| slategray | Y | Y |
| slategrey | Y | Y |
| snow | Y | Y |
| springgreen | Y | Y |
| steelblue | Y | Y |
| tan | Y | Y |
| thistle | Y | Y |
| tomato | Y | Y |
| turquoise | Y | Y |
| violet | Y | Y |
| wheat | Y | Y |
| whitesmoke | Y | Y |
| yellowgreen | Y | Y |
| Counter | ||
| pages | N | N |
| ID | ||
| (General) | N | N |
| Target name | ||
| (General) | N | N |
At-rules provide special operations and selection mechanisms for the CSS document.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| @color-profile | ||
| (General) | N | N |
| name | N | N |
| src | N | N |
| rendering-intent | N | N |
| @media | ||
| width | I | I |
| min-width | I | I |
| max-width | I | I |
| height | I | I |
| min-height | I | I |
| max-height | I | I |
| device-width | I | I |
| min-device-width | I | I |
| max-device-width | I | I |
| device-height | I | I |
| min-device-height | I | I |
| max-device-height | I | I |
| device-aspect-ratio | Y | I |
| min-device-aspect-ratio | Y | I |
| max-device-aspect-ratio | Y | I |
| color | N | I |
| min-color | N | I |
| max-color | N | I |
| color-index | N | I |
| min-color-index | N | I |
| max-color-index | N | I |
| monochrome | N | N |
| min-monochrome | N | N |
| max-monochrome | N | N |
| resolution | N | I |
| min-resolution | N | I |
| max-resolution | N | I |
| scan | N | Y |
| grid | N | Y |
| @page | ||
| @top | N | N |
| @top-left-corner | N | N |
| @top-left | N | N |
| @top-center | N | N |
| @top-right | N | N |
| @top-right-corner | N | N |
| @bottom | N | N |
| @bottom-left-corner | N | N |
| @bottom-left | N | N |
| @bottom-center | N | N |
| @bottom-right | N | N |
| @bottom-right-corner | N | N |
| @left-top | N | N |
| @left-middle | N | N |
| @left-bottom | N | N |
| @right-top | N | N |
| @right-middle | N | N |
| @right-bottom | N | N |
| @float-area | N | N |
| (Page name) | N | N |
Selectors specify where CSS rules are applied on the document.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| E ~ F | ||
| (General) | N | Y |
| [attr^="value"] | ||
| (General) | N | I |
| [attr$="value"] | ||
| (General) | N | I |
| [attr*="value"] | ||
| (General) | N | I |
Pseudo-classes select elements in certain special states.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| :root | ||
| (General) | N | N |
| :nth-child(N) | ||
| (General) | N | N |
| b | N | N |
| an | N | N |
| an+b | N | N |
| odd | N | N |
| even | N | N |
| :nth-last-child(N) | ||
| (General) | N | N |
| b | N | N |
| an | N | N |
| an+b | N | N |
| odd | N | N |
| even | N | N |
| :nth-of-type(N) | ||
| (General) | N | N |
| b | N | N |
| an | N | N |
| an+b | N | N |
| odd | N | N |
| even | N | N |
| :nth-last-of-type(N) | ||
| (General) | N | N |
| b | N | N |
| an | N | N |
| an+b | N | N |
| odd | N | N |
| even | N | N |
| :last-child | ||
| (General) | N | N |
| :first-of-type | ||
| (General) | N | N |
| :last-of-type | ||
| (General) | N | N |
| :only-child | ||
| (General) | N | N |
| :only-of-type | ||
| (General) | N | N |
| :empty | ||
| (General) | N | N |
| :target | ||
| (General) | N | N |
| :enabled | ||
| (General) | N | Y |
| :disabled | ||
| (General) | N | Y |
| :checked | ||
| (General) | N | Y |
| :contains(C) | ||
| (General) | N | N |
| :not(S) | ||
| (General) | N | N |
| :default | ||
| (General) | N | Y |
| :valid | ||
| (General) | N | Y |
| :invalid | ||
| (General) | N | Y |
| :in-range | ||
| (General) | N | Y |
| :out-of-range | ||
| (General) | N | Y |
| :required | ||
| (General) | N | Y |
| :optional | ||
| (General) | N | N |
| :read-only | ||
| (General) | N | N |
| :read-write | ||
| (General) | N | N |
Pseudo-elements are styled portions of the displayed page that were created by one of the following selectors.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| ::selection | ||
| (General) | N | N |
| ::value | ||
| (General) | N | N |
| ::choices | ||
| (General) | N | N |
| ::repeat-item | ||
| (General) | N | N |
| ::repeat-index | ||
| (General) | N | N |
The following are CSS properties that are used in normal graphical webpage displays in web browsers.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| appearance | ||
| (General) | N | N |
| (Appearance) | N | N |
| normal | N | N |
| inherit | N | N |
| box-sizing | ||
| (General) | Y | Y |
| content-box | I | I |
| border-box | Y | Y |
| inherit | Y | Y |
| color | ||
| attr(<attr>, color) | N | N |
| color-profile | ||
| (General) | N | N |
| (Profile name) | N | N |
| (URI) | N | N |
| auto | N | N |
| sRGB | N | N |
| inherit | N | N |
| content | ||
| (Appearance) | N | N |
| icon | N | N |
| cursor | ||
| (General) | I | I |
| (Number) | N | N |
| none | N | N |
| context-menu | N | N |
| cell | N | N |
| vertical-text | N | N |
| alias | N | N |
| copy | N | N |
| no-drop | N | N |
| not-allowed | N | N |
| ew-resize | N | N |
| ns-resize | N | N |
| nesw-resize | N | N |
| nwse-resize | N | N |
| col-resize | N | N |
| row-resize | N | N |
| all-scroll | N | N |
| display | ||
| ruby | N | N |
| ruby-base | N | N |
| ruby-base-container | N | N |
| ruby-text | N | N |
| ruby-text-container | N | N |
| font | ||
| (Appearance) | 5% | 5% |
| icon | ||
| (General) | N | N |
| (URI) | N | N |
| auto | N | N |
| inherit | N | N |
| nav-down | ||
| (General) | N | N |
| (ID) | N | N |
| current | N | N |
| root | N | N |
| (Target name) | N | N |
| inherit | N | N |
| nav-index | ||
| (General) | N | N |
| (Number) | N | N |
| auto | N | N |
| inherit | N | N |
| nav-left | ||
| (General) | N | N |
| (ID) | N | N |
| current | N | N |
| root | N | N |
| (Target name) | N | N |
| inherit | N | N |
| nav-right | ||
| (General) | N | N |
| (ID) | N | N |
| current | N | N |
| root | N | N |
| (Target name) | N | N |
| inherit | N | N |
| nav-up | ||
| (General) | N | N |
| (ID) | N | N |
| current | N | N |
| root | N | N |
| (Target name) | N | N |
| inherit | N | N |
| opacity | ||
| (General) | N | I |
| (Number) | N | Y |
| outline-offset | ||
| (General) | N | N |
| (Length) | N | N |
| inherit | N | N |
| rendering-intent | ||
| (General) | N | N |
| auto | N | N |
| perceptual | N | N |
| relative-colorimetric | N | N |
| saturation | N | N |
| absolute-colorimetric | N | N |
| inherit | N | N |
| resize | ||
| (General) | N | N |
| none | N | N |
| horizontal | N | N |
| vertical | N | N |
| inherit | N | N |
| ruby-align | ||
| (General) | N | N |
| auto | N | N |
| start | N | N |
| left | N | N |
| center | N | N |
| end | N | N |
| right | N | N |
| distribute-letter | N | N |
| distribute-space | N | N |
| line-edge | N | N |
| inherit | N | N |
| initial | N | N |
| ruby-overhang | ||
| (General) | N | N |
| auto | N | N |
| start | N | N |
| end | N | N |
| none | N | N |
| inherit | N | N |
| initial | N | N |
| ruby-position | ||
| (General) | N | N |
| before | N | N |
| after | N | N |
| right | N | N |
| inherit | N | N |
| initial | N | N |
| ruby-span | ||
| (General) | N | N |
| attr(<attr>) | N | N |
| none | N | N |
| inherit | N | N |
| initial | N | N |
The following CSS properties allow special formatting on paged media, such as pages printed with a printer.
| Feature | Opera 8.5 | Opera 9 |
|---|---|---|
| image-orientation | ||
| (General) | N | N |
| (Angle) | N | N |
| auto | N | N |
| page | ||
| (General) | N | N |
| (Page name) | N | N |
| auto | N | N |
| page-policy | ||
| (General) | N | N |
| start | N | N |
| first | N | N |
| last | N | N |
| size (@page) | ||
| (General) | N | N |
| (Length) | N | N |
| auto | N | N |
| landscape | N | N |
| portrait | N | N |
| A5 | N | N |
| A4 | N | N |
| A3 | N | N |
| B5 | N | N |
| B4 | N | N |
| letter | N | N |
| legal | N | N |
| ledger | N | N |