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
|
<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 |
Need help? Hit F1 anytime while using Opera to access our online help files, or go here.