Each border can have its own
value??”refer to the mnemonic
(TRouBLe) in Shorthand Properties
(p. 39) for an easy way to remember the
shorthand order.
Borders are placed on top of the
element??™s background.
Example
This style rule assigns a solid border to the
top, a dashed border to the bottom, and a
dotted border to the left- and right-hand
sides of paragraphs within the element
with ID "example":
#example p {
border-style: solid dotted
dashed;
}
Value
none none means no border will show, and the computed border-width is
zero.
hidden hidden has the same meaning as none, except when it refers to table
borders in cases where two cells share a border, and the table cells have
collapsed borders (border-collapse:collapse;). The value hidden
ensures that no border is drawn, since hidden takes precedence over all
other border styles. If none had been used for one border in the cell, the
border would still be drawn, as the adjacent cell??™s border would take
precedence. See Table Formatting (p.
Pages:
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386