HTML and CSS Reference
In-Depth Information
The first property makes the top border a thick, solid, blue line. The
second sets the left border to use an inset effect that is as thick as the
x-height of the element's font, while leaving the color the same as the
element's color. The third property creates a blue dashed line at the bot-
tom of the element, using the default medium thickness. Finally, the last
property makes all four borders a red double line, 2 pixels thick.
That last property raises two issues. First, you cannot supply multiple
values to the
border
property to selectively affect certain borders, as you
can with the individual
border-color, border-width
, and
border-style
properties. The
border
property always affects all four borders around
an element.
Second, a bit of reflection should reveal that it is not possible to create
a double-line border just 2 pixels thick. In cases like this, the browser is
free to adjust the thickness to render the border properly.
While we usually think of borders surrounding block elements such as
images, tables, and text flows, you also can apply borders to inline tags.
This lets you put a box around a word or phrase within a text flow. The
implementation of borders on inline tags that span multiple lines is un-
defined and left to the browser.
All of the currently popular browsers support the border styles.
8.4.7.7. The clear property
Like its cousin attribute for the
<br>
tag, the
clear
property tells the
browser whether to place a tag's contents adjacent to a "floating" ele-
ment or on the first line below it. Text flows around floating elements
such as images and tables with an
align=left
or
align=right
attribute
or any HTML/XHTML element with its
float
property set to anything but
none
. [
<br>, 4.6.1
] [
The float property, 8.4.7.9
]
The value of the
clear
property can be
none, left, right
, or
both
. A
value of
none
, the default, means that the browser acts normally and
places the tag's contents adjacent to floating elements on either side,
