CSS -o- vendor extensions support in Opera Presto 2.6

The CSS specification allows for vendor-specific extensions. These are usually (but not exclusively) used for experimental additions to the CSS specification that have not yet reached Candidate Recommendation stage. The -o- prefix extension identifies an Opera experimental property or keyword.

Opera recommends that the final declaration of the property should be added to your style sheet if you use the unprefixed version. That way, future versions of the browser that include the feature after it becomes fully standardized can easily apply the style. See the following example.

-o-transform: scale(1.6);
transform: scale(1.6);

For further reference, please see our Opera Developer Network blog article written by Bruce Lawson. Please note that each vendor extended property is hyperlinked to its place in various CSS modules.

Opera -o- vendor extensions

Property CSS module reference Support
-o-object-fit CSS3 Image Values and Replaced Content Module
Note: Originally "image-fit", renamed to "object-fit".
Yes
-o-object-position CSS3 Image Values and Replaced Content Module
Note: Originally "image-position", renamed to "object-position".
Yes
-o-tab-size CSS3 Text Module Yes
-o-table-baseline MathML for CSS Profile Yes
-o-text-overflow CSS3 Text Module Yes
-o-transform CSS3 2D Transforms Module Yes
-o-transform-origin CSS3 2D Transforms Module Yes
-o-transition CSS3 Transitions Module Partial
- see animatable properties
-o-transition-delay CSS3 Transitions Module Partial
- see animatable properties
-o-transition-duration CSS3 Transitions Module Partial
- see animatable properties
-o-transition-property CSS3 Transitions Module Partial
- see animatable properties
-o-transition-timing-function CSS3 Transitions Module Partial
- see animatable properties

Animatable properties

Opera offers partial support for animation properties as identified in the following table.

Property Name Type Support
background-color color Yes
background-image only gradients No
background-position percentage, length Yes
border-bottom-color color No
border-bottom-width length Yes
border-color color No
border-left-color color No
border-left-width length Yes
border-right-color color No
border-right-width length Yes
border-spacing length Yes
border-top-color color No
border-top-width length Yes
border-width length Yes
bottom length, percentage Yes
color color Yes
crop rectangle No
font-size length, percentage Yes
font-weight number Yes
grid-* various No
height length, percentage Yes
left length, percentage Yes
letter-spacing length Yes
line-height number, length, percentage Yes
margin-bottom length Yes
margin-left length Yes
margin-right length Yes
margin-top length Yes
max-height length, percentage Yes
max-width length, percentage Yes
min-height length, percentage Yes
min-width length, percentage Yes
opacity number Yes
outline-color color Yes
outline-offset integer Yes
outline-width length Yes
padding-bottom length Yes
padding-left length Yes
padding-right length Yes
padding-top length Yes
right length, percentage Yes
text-indent length, percentage Yes
text-shadow shadow No
top length, percentage Yes
vertical-align keywords, length, percentage Yes
visibility visibility Yes
width length, percentage Yes
word-spacing length, percentage Yes
z-index integer Yes
zoom number No

Documentation

Opera Help

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