clear
The clear CSS property indicates which sides of an element's box(es) may not be adjacent to an earlier floating box.
Syntax
CSS
clear: value;
JS
object.style.clear = "value";
Values
<'clear'> = none | left | right | both | inherit
none
No constraint on the box's position with respect to floats.
left
Requires that the top border edge of the box be below the bottom outer edge of any left-floating boxes that resulted from elements earlier in the source document.
right
Requires that the top border edge of the box be below the bottom outer edge of any right-floating boxes that resulted from elements earlier in the source document.
both
Requires that the top border edge of the box be below the bottom outer edge of any right-floating and left-floating boxes that resulted from elements earlier in the source document.
inherit
Specifies the same value as the parent.
Initial
none
Examples
both
left
none
right
JS
Links
Internal
External
© 2021 Osbo Design