Teamplaid:Box-shadow border/documentation

O Wiktionary
Jump to navigation Jump to search

{{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[deasaich]

All (default)[deasaich]

Left[deasaich]

Right[deasaich]

Top[deasaich]

Bottom[deasaich]

Top and bottom[deasaich]

Left and right[deasaich]

All with two colors[deasaich]

Top and bottom with two colors[deasaich]

Left and right with two colors[deasaich]

Wide left and right with offset padding[deasaich]

Wide left and right with minimal offset padding[deasaich]

See also[deasaich]