HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

clear

Description

The clear property for CSS 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

1 · both

2 · left

3 · none

4 · right

5 · JS