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 value0 0
  • Applies toFloated elements
  • InheritedNo
  • MediaVisual, Paged
  • Computed valueOne or two absolute lengths
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.floatOffset
Formal syntax: <length> <length> ? 

float-offset: 20% 30px;
  • <length>
.class {
   float-offset: 20% 30px;
}
?Firefox?Explorer?Chrome?Safari?Opera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.