CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS clear Property
Example
No floating elements allowed on the left or the right side of a specified paragraph:
img
{
float:left;
}
p.clear
{
clear:both;
}
{
float:left;
}
p.clear
{
clear:both;
}
Try it yourself »
More examples at the bottom of this page.
Definition and Usage
The clear property specifies which sides of an element where other floating elements are not allowed.
| Default value: | none |
|---|---|
| Inherited: | no |
| Version: | CSS1 |
| JavaScript syntax: | object.style.clear="left" |
Browser Support
The clear property is supported in all major browsers.
Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".
Property Values
| Value | Description |
|---|---|
| left | No floating elements allowed on the left side |
| right | No floating elements allowed on the right side |
| both | No floating elements allowed on either the left or the right side |
| none | Default. Allows floating elements on both sides |
| inherit | Specifies that the value of the clear property should be inherited from the parent element |
Related Pages
CSS tutorial: CSS Float
HTML DOM reference: clear property
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
