Template:Box-shadow border/doc

Template page

{{Box-shadow border}} provides style declarations to show a visual line, similar to a border, at one or more sides of an element.

This template is useful where an element should not have a border, or uses a border already. Navboxes, in particular, use borders to give the appearance of spacing between elements.

This template should complement text, instead of taking the place of text. Opera Mini and Internet Explorer 8 and earlier ignore this template's style declarations, leaving only the text perceivable. Color blind and visually impaired users may also only perceive the text.

Wide borders may overlap the text inside the navbox elements since the borders are drawn on the inside of the element. To avoid this overlap, increase the cell padding using value greater than the border width. For a title navbox, the default title padding is '0.25em 1em', so a "left right" border of size '2em' should be offset with between '2.25em' and '3em' padding on the left and right depending on the desired appearance.

Examples

All (default)

Left

Right

Top

Bottom

Top and bottom

Left and right

All with two colors

Top and bottom with two colors

Left and right with two colors

Wide left and right with offset padding

Wide left and right with minimal offset padding

See also