Template:Border

From Wikisource
Jump to: navigation, search
{{{1}}}
Documentation icon Template documentation[view] [edit] [history] [purge]


Usage[edit]

This specialized template creates a box to display text or combined text/images in; it creates a border around whatever you would like. Each property has a default so you do not need to define the setting if what you want is already the default.

You can embed other templates within this one (e.g. {{rule}} or {{sc}} or even another {{border}})

Note: If you place images inside this box, be sure to define it so that the box is larger than the image.

Basic template[edit]

This template is without the optional parameters.

{{border|Your content here}}

Full template[edit]

This template is will all optional parameters.

{{border|2=|3=|4=|5=|6=|7=|8=|9=|style=|Your content here}}

Parameters[edit]

  • 1: whatever goes in the box
  • 2: width of the box (technically the content area) in pixels or percentage (default: null/full width)
  • Note: You probably don't want 100% as it doesn't mean 100% of that "section" of the page. It means 100% of the screen size. So, if you choose 100%, it will end up going off the screen as the screen size will be added to the size of the navigation bar on the left. If you want it to just fill the content area of the screen, leave the option empty.
  • 3: border style (default: solid)
  • Options: solid, dotted, dashed, double, groove, ridge, inset, outset
  • Note: If you choose a border such as double but a thickness of 1px, it will still appear to be a single border because it is only 1px thick. Therefore, for the non-solid borders it is recommended to choose a value greater than 1px.
  • 4: border thickness in pixels (default: 1px)
  • 5: border color (default: #000000, black)
  • 6: background color (default: #FFFFFF, white)
  • Note: You can define the color in plain English (e.g. white) or hexadecimal (e.g. #FFFFFF). See Web Colors for more information.
  • 7: alignment within the box (default: left)
  • Options: left, center, right, justify
  • 8: alignment of the box (default: center)
  • Options: left, center, right
  • 9: padding, the space between the border and the content inside it, in pixels (default: 5px)
  • style: CSS, which will override any styles defined before it

Examples[edit]

Default[edit]

{{border|
[[File:Philadelphia blackletter.svg|125px||link=|alt=Philadelphia:]]

{{Mc}}CARTY & DAVIS, No. 171, MARKET STREET.
{{rule|3em}}
1834.
}}

Displays as:

Philadelphia:

McCARTY & DAVIS, No. 171, MARKET STREET.


1834.


Example 1[edit]

{{border|2=200px|3=dashed|4=5px|5=black|7=center|
[[File:Philadelphia blackletter.svg|125px|link=|alt=Philadelphia:]]

{{Mc}}CARTY & DAVIS, No. 171, MARKET STREET.
{{rule|3em}}
1834.
}}

Displays as:

Philadelphia:

McCARTY & DAVIS, No. 171, MARKET STREET.


1834.


Example 2[edit]

{{border|2=400px|5=black|8=right|9=40px|
[[File:Philadelphia blackletter.svg|125px|link=|alt=Philadelphia:]]

{{right|{{Mc}}CARTY & DAVIS, No. 171, MARKET STREET.}}
}}

Displays as:

Philadelphia:

McCARTY & DAVIS, No. 171, MARKET STREET.

Example 3[edit]

{{border|2=25%|4=2px|5=#FF0000|6=aqua|8=left|
[[File:Philadelphia blackletter.svg|125px|link=|alt=Philadelphia:]]

{{Mc}}CARTY & DAVIS, No. 171, MARKET STREET.
{{rule|3em}}
1834.
}}

Displays as:

Philadelphia:

McCARTY & DAVIS, No. 171, MARKET STREET.


1834.


Example 4[edit]

{{border|2=400px|3=ridge|4=10px|5=navy|6=#66FF99|7=center|9=20px|style=border-radius:25px|
[[File:Philadelphia blackletter.svg|125px|link=|alt=Philadelphia:]]

{{Mc}}CARTY & DAVIS, No. 171, MARKET STREET.
{{rule|3em}}
1834.
}}

Displays as:

Philadelphia:

McCARTY & DAVIS, No. 171, MARKET STREET.


1834.

"Double Border"[edit]

Standard[edit]

There are two ways to make a double border. One is to use the standard "double border" feature of CSS. It is simple and only requires that parameter 3 be equal to double. Here is what this will look like:

{{border|2=400px|3=double|4=8px|7=center|9=20px|
[[File:Philadelphia blackletter.svg|125px|link=|alt=Philadelphia:]]

{{Mc}}CARTY & DAVIS, No. 171, MARKET STREET.
{{rule|3em}}
1834.
}}

Displays as:

Philadelphia:

McCARTY & DAVIS, No. 171, MARKET STREET.


1834.

{{border|2=400px|3=double|4=20px|7=center|9=20px|
[[File:Philadelphia blackletter.svg|125px|link=|alt=Philadelphia:]]

{{Mc}}CARTY & DAVIS, No. 171, MARKET STREET.
{{rule|3em}}
1834.
}}

Displays as:

Philadelphia:

McCARTY & DAVIS, No. 171, MARKET STREET.


1834.


Creative / Controllable[edit]

However, for more control, you may wish to use a border within another border:

{{border|2=400px|4=2px|8=center|9=7px|
{{border|4=5px|6=#FFEFD5|7=center|9=20px|
[[File:Philadelphia blackletter.svg|125px|link=|alt=Philadelphia:]]

{{Mc}}CARTY & DAVIS, No. 171, MARKET STREET.
{{rule|3em}}
1834.
}}}}

Displays as:

Philadelphia:

McCARTY & DAVIS, No. 171, MARKET STREET.


1834.