For faster navigation, this Iframe is preloading the Wikiwand page for الگو:Box-shadow border.

الگو:Box-shadow border

box-shadow: inset 1px 1px 0 #000, inset -1px -1px 0 #000;

توضیحات الگو[نمایش] [ویرایش] [تاریخچه] [پاکسازی]

((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. الگو:Navbox, 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)

[ویرایش]

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

[ویرایش]
{{bottomLinkPreText}} {{bottomLinkText}}
الگو:Box-shadow border
Listen to this article

This browser is not supported by Wikiwand :(
Wikiwand requires a browser with modern capabilities in order to provide you with the best reading experience.
Please download and use one of the following browsers:

This article was just edited, click to reload
This article has been deleted on Wikipedia (Why?)

Back to homepage

Please click Add in the dialog above
Please click Allow in the top-left corner,
then click Install Now in the dialog
Please click Open in the download dialog,
then click Install
Please click the "Downloads" icon in the Safari toolbar, open the first download in the list,
then click Install
{{::$root.activation.text}}

Install Wikiwand

Install on Chrome Install on Firefox
Don't forget to rate us

Tell your friends about Wikiwand!

Gmail Facebook Twitter Link

Enjoying Wikiwand?

Tell your friends and spread the love:
Share on Gmail Share on Facebook Share on Twitter Share on Buffer

Our magic isn't perfect

You can help our automatic cover photo selection by reporting an unsuitable photo.

This photo is visually disturbing This photo is not a good choice

Thank you for helping!


Your input will affect cover photo selection, along with input from other users.

X

Get ready for Wikiwand 2.0 🎉! the new version arrives on September 1st! Don't want to wait?