HTML and CSS Reference
In-Depth Information
8.4.7.15. The visibility property
The
visibility
property determines whether the contents of an element
are visible in the display. The space set aside for the element is still
created and affects the layout of the document, but the content of the
element may be made invisible within that space.
The default value for this property,
visible
, causes the element's con-
tent to be displayed. Setting this property to
hidden
makes the content
invisible without removing the element's display box, altering the layout
of the document. Note that you can remove an element's content and
display box from the document by setting the
display
property to
none
.
This property is often used in dynamic documents, where changing its
value for an element removes its content from the display without re-
formatting the document.
When this property is used in conjunction with table rows, row groups,
columns, and column groups, you may also specify the value
collapse
.
Used in this context, the
collapse
value removes the associated row(s)
or column(s) from the table without otherwise reformatting or redrawing
the table. Within dynamic documents, this lets you remove elements
from a table without reformatting the entire table. Used outside of a
table, the
collapse
value has the same effect as the
hidden
value.
8.4.7.16. The width property
The
width
property is the companion to the
height
property and controls
the width of an associated tag. Specifically, it defines the width of the
element's content area, as shown in
Figure 8-8
. You'll see it most often
used with images and tables, but you could conceivably use it to control
the width of other elements as well.
The value for the
width
property is either a length or percentage value,
or the keyword
auto
. The value
auto
is the default and implies that the
affected tag has an initial width that should be used when displaying the
tag. If a length value is used, the width is set to that value; percentage