CSS Aliases for Webkit Prefixes in Opera Presto 2.11


Opera supports certain -webkit- prefixes and will use these when applying styles as described here.

Supported Properties

Two different types of prefixes are supported, details regarding how they are supported are below.

  1. -webkit-linear-gradient

    -webkit-linear-gradient and -o-linear-gradient will behave identically and the following rules will be obeyed when evaluating styles.

    • Duplicate properties will not be preserved when both -webkit-linear-gradient and -o-linear-gradient are found. Whichever comes last will override the other.
    • Which name is in use will be tracked, so if the value is retreived from JavaScript, the prefix is remembered.
  2. Properties

    -webkit- prefixed properties are supported through a CSS property aliasing mechanism, and also will obey the following rules.

    • As above, when a -webkit- prefixed property and an -o- prefixed property are encountered, they are treated as instances of the same property, so the latest one (according to usual cascade rules) wins.
    • When accessing or setting the value of a property through JavaScript, all the aliased names of a property are visible as members of the CSSStyleDeclaration object, and they map to the same value.
      • However, the CSSStyleDeclaration .item(*) function will return the canonical name of the alias, not the name actually used. This point may be changed in the future if it is found to cause problems.
    • removeProperty, setProperty, getPropertyValue, and getPropertyPriority all will work with aliases as described above.
    • webkitTransitionEnd is aliased to oTransitionEnd enabling the use of addEventListener("webkitTransitionEnd"...)
      • If both addEventListener("webkitTransitionEnd"...) and addEventListener("oTransitionEnd"...) have been used to register a listener, only the oTransitionEvent will be fired.
    • If the property name is used as the value of another property (as is the case with transition-property), the name that was used is preserved.
    • The properties that have been aliased in this fashion are:
      -o- -webkit-


Opera Help

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