CSS float-offset Property

Description

The float-offset property pushes a float in opposite direction of the where it has been floated with float. If one value is specified, it is the horizontal offset. If two values are specified, the first is the horizontal and the second is the vertical offset. If no vertical value has been specified, the vertical offset is set to zero.

Initial value
0 0
Applies to
Floated elements
Inherited
No
Media
Visual, Paged
Computed value
One or two absolute lengths
Animatable
No
CSS Version
CSS3
JavaScript syntax
object.style.floatOffset

Syntax

Formal syntax: <length> <length> ? 

float-offset: 20% 30px;

Values

  • <length>

Example

.class {
   float-offset: 20% 30px;
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
??????
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
??????