CSS3 Backgrounds and Borders support in Opera Presto 2.7

W3C reference
CSS3 Backgrounds and Borders module (http://www.w3.org/TR/css3-background/)
Opera articles
CSS3 borders, backgrounds and box-shadows
Cross-browser CSS box-shadows
On this page...
Background properties support
Border properties support
Border images support
Miscellaneous effects support

Opera offer partial support for the CSS3 Background and Borders module as described in the following data tables. Please note that each property is hyperlinked to its place in the W3C CSS3 Backgrounds and Borders module.

Background properties support

Property Description Support
background-color Represents the background color of an element. The color is drawn behind any background images. Yes
background-image Represents the background image(s) of an element. Images are drawn with the first specified one on top (closest to the user) and each subsequent image behind the previous one. Multiple background images are now supported. Yes
background-repeat Represents how background images are tiled after they have been sized and positioned. Yes
background-attachment If background images are specified, this property specifies whether they are fixed with regard to the viewport (fixed) or scroll along with the element (scroll) or its contents (local). The property's value is given as a comma-separated list of <attachment> keywords. Yes
background-position If background images have been specified, this property specifies their initial position (after any resizing) within their corresponding background positioning area. Yes
background-clip Determines the background painting area. Yes
background-origin Represents elements rendered as a single box, and specifies the background positioning area. Yes
background-size Represents and specifies the size of background images. Yes
background Represents a shorthand property for setting most background properties at the same place in the style sheet. Yes

Border properties support

Property Description Support
border-color These properties set the foreground color of the border specified by the border-style properties. Border-color is a shorthand for the four border-*-color properties. The four values set the top, right, bottom, and left border, respectively. The properties are:
  • border-top-color
  • border-right-color
  • border-bottom-color
  • border-left-color
Yes
border-style These properties set the style of the border, unless there is a border image. Border-style is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. The properties are:
  • border-top-style
  • border-right-style
  • border-bottom-style
  • border-left-style
Yes
border-width These properties set the thickness of the border. They are:
  • border-top-width
  • border-right-width
  • border-bottom-width
  • border-left-width
Yes
border-radius The border-radius shorthand sets all four border-*-radius properties. They are:
  • border-top-right-radius
  • border-bottom-right-radius
  • border-bottom-left-radius
  • border-top-left-radius
Yes
border This is a shorthand property for setting the width, style, and color of the top, right, bottom, and left border of a box. Yes

Border images support

Property Description Support
border-image-source Specifies an image to use instead of the border styles given by the border-style properties and as an additional background layer for the element. No
border-image-slice Represents inward offsets from the top, right, bottom, and left edges of the image respectively, dividing it into nine regions: four corners, four edges and a middle. No
border-image-width Represents offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. No
border-image-outset Specifies the amount by which the border image area extends beyond the border box on the top, right, bottom, and left sides respectively. No
border-image-repeat Specifies how the images for the sides and the middle part of the border image are scaled and tiled. No
border-image This is a shorthand property for setting the following properties:
  • border-image-source
  • border-image-slice
  • border-image-width
  • border-image-outset
  • border-image-repeat
Note: Opera only supports the border-image shorthand property with the use of the -o- prefix.
Yes

Miscellaneous effects support

Property Description Support
box-decoration-break Represents that when a box is broken at a page break, column break, or, for inline elements, at a line break, the box-decoration-break property specifies whether individual boxes are treated as broken pieces of one continuous box, or whether each box is individually wrapped with the border and padding. For backgrounds it defines how the background positioning area is derived from these multiple boxes and how the element's background is drawn within them. Yes
box-shadow This property attaches one or more drop-shadows to the box. The property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color, and an optional inset keyword. Yes

Documentation

Opera Help

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