CSS3 Basic Box Model module support in Opera Presto 2.6

W3C references
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification (http://www.w3.org/TR/CSS2/)
CSS3 Basic Box Model module (http://www.w3.org/TR/css3-box/)

Opera Presto offer partial support for the CSS3 Basic Box Model module as described in the following data table. However, all properties and values from CSS 2.1 are supported. Please note that each property is hyperlinked to its place in the W3C CSS Basic Box Model module.

Property Values Description Support
clear none | left | right | both This property indicates which sides of an element's box(es) may not be adjacent to an earlier floating box. Yes
display Supported:
inline | block | inline-block | list-item | run-in | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none

Not supported:
compact | ruby | ruby-base | ruby-text | ruby-base-group | ruby-text-group | <template>
This property, in combination with "float" and "position", determines the type of box or boxes that are generated for an element. Partial
float Supported:
left | right | none

Not supported:
<page-floats>
A float is a box that is shifted to the left or right on the current line. It may be set for any element, but only applies to elements that generate boxes that are not absolutely positioned. Partial
height <length> | <percentage> | auto This property specifies the height of the content area, padding area, or border area (depending on "box-sizing") of certain boxes. Yes
margin [ <length> | <percentage> | auto ]{1,4} The "margin" shorthand property sets the margin for all four sides . Yes
margin-top
margin-right
margin-bottom
margin-left
<length> | <percentage> | auto Margin properties only set their respective side. These properties apply to all elements, but vertical margins will not have any effect on non-replaced inline elements. Yes
marquee-direction forward | reverse This property determines the initial direction in which the content moves if the marquee effect is used. No
marquee-loop <non-negative-integer> | infinite This property specifies how often the content moves. No
marquee-speed slow | normal | fast This property determines how fast the content scrolls. No
marquee-style scroll | slide | alternate This property determines the scrolling action of the content. No
max-width <length> | <percentage> | none This property allows authors to constrain content widths to a maximum range. Yes
max-height <length> | <percentage> | none This property allows authors to constrain content heights to a maximum range. Yes
min-width <length> | <percentage> | inherit This property allows authors to constrain content widths to a minimum range. Yes
min-height <length> | <percentage> | inherit This property allows authors to constrain content heights to a minimum range. Yes
overflow [ visible | hidden | scroll | auto | no-display | no-content ]{1,2} These property specifies whether content is clipped when it overflows an element's content area.
no-display and no-content are not supported.
Partial
overflow-style auto | [scrollbar | panner | move | marquee] [, [scrollbar | panner | move | marquee]] This property specifies the preferred scrolling methods for elements that overflow (see the "overflow" property). No
overflow-x visible | hidden | scroll | auto | no-display | no-content This property specifies whether content is clipped when it overflows the element's content area. "Overflow-x" determines clipping at the left and right edges.
no-display and no-content are not supported.
Partial
overflow-y visible | hidden | scroll | auto | no-display | no-content This property specifies whether content is clipped when it overflows the element's content area. "Overflow-y" determines clipping at the top and bottom edges.
no-display and no-content are not supported.
Partial
padding [ <length> | <percentage> ]{1,4} This is the shorthand property for the other padding properties. It sets the thickness of the padding area. The value may not be negative. If "padding" has four values, they are for top, right, bottom, and left, in that specific order. Yes
padding-top [ <length> | <percentage> ] Sets the thickness of the top padding area. The value may not be negative. Yes
padding-right [ <length> | <percentage> ] Sets the thickness of the right padding area. Yes
padding-bottom [ <length> | <percentage> ] Sets the thickness of the bottom padding area. Yes
padding-left [ <length> | <percentage> ] Sets the thickness of the left padding area. Yes
rotation <angle> This property rotates a block-level element counterclockwise around the point given by "rotation-point". The border, padding and content are rotated, and also any background that is not "fixed". No
rotation-point <bg-position> The "rotation-point" property contains a pair of values that define a point as an offset from the top-left border edge. Percentages refer to the width and height of the border box. Values may be negative. No
visibility visible | hidden | collapse This property specifies whether the boxes generated by an element are rendered in a user agent. Yes
width <length> | <percentage> | auto This property specifies the width of the content area, padding area, or border area (depending on "box-sizing") of certain boxes. Yes

Documentation

Opera Help

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