HTML and CSS Reference
In-Depth Information
The
visibility
property determines whether an element renders and
can be seen. Unlike setting the
display
property to
none
, an element
with a
visibility
of
hidden
still affects layout and will take up space.
Unlike the
opacity
property, individual descendants of a
hidden
element
can be shown by setting their
visibility
to
visible
.
■
visible
: The element is rendered.
■
hidden
: The element is not rendered.
An element with a
float
value of
left
or
right
is taken out of the
normal flow of a document and shifted to one side of the containing box.
The content that follows it in the document wraps around the floated
element's new position.
■
none
: An element is not floated and behaves as normal.
■
left
: An element is taken out of the normal flow and is shifted to the
left of where it was to otherwise appear, with content flowing around
it on the right side of the element.
■
right
: An element is taken out of the normal flow and is shifted to the
left of where it was to otherwise appear, with content flowing around
it on the right side of the element.
Think of a small photo that is moved to the right and has text flowing
around it; you now have the basic idea of how an element (the photo)
behaves when floated (
Figure 6.5
on the next page).