Difference between revisions of "Template:Box-shadow border/doc"

From blackwiki
Jump to navigation Jump to search
imported>Frietjes
imported>Frietjes
Line 7: Line 7:
 
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.
 
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.3em', so a "left right" border of size '2.7em' should be offset with '3em' padding.
+
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.3em', so a "left right" border of size '2.2em' should be offset with '2.5em' padding on the left and right.
  
 
== Examples ==
 
== Examples ==

Revision as of 15:59, 27 July 2018

{{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.3em', so a "left right" border of size '2.2em' should be offset with '2.5em' padding on the left and right.

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 padding

See also