Menu Riverview Church

CLEAR

The clear 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

INTERNAL

float

EXTERNAL

World Wide Web Consortium (W3C)