Template:Dotted summary row no image/doc

Description
A template to obtain a dotted row to be used into summaries. Note that the dots and other border styles may appear differently from browser to browser.

Usage
You MUST enclose a series of one or more calls to this template with an HTML table tag, as below.

Code:

Result:

Line breaking
The way the HTML code works, line breaking cannot be handled automatically. By default, the template will force everything onto one line.

If you have a line that is long enough to wrap, you must manually insert the line break into the final line. (The preceding lines can be wrapped automatically.)

Code:

Result:

You pass the first few lines as the parameter (first to penultimate lines) and then the last line as parameter. You must then explicitly pass the page number as parameter - i.e. you have to say pagenum=n, you can't just leave it as an unnamed parameter.

Note that, unfortunately, the line will probably wrap at a different point on different browsers and on different computers, so you'll probably need to compare and choose a point somewhere in the middle of all those variants. Or of course you could just use Dotted summary row instead, which is able to wrap automatically.

Hanging indent
When breaking across multiple lines there is a parameter available.

Code:

Result:

Parameters

 *   or text - The text or section title to appear on the left hand side
 *   or pagenum - The page number to appear on the right hand side
 * border-width - Controls the size of the dots or other border. Value may be any valid CSS value.  Defaults to "2px".
 * border-style - Controls the style of the line (CSS border) used. Value may be any valid CSS border-style value: none, hidden, dotted, dashed, solid, double, dot-dash, dot-dot-dash, wave, groove, ridge, inset, or outset as of 2010, though not all values may work in all browsers.  Defaults to "dotted".
 * finalline - See Line breaking above. No value by default.
 * ftplines - See Line breaking above. No value by default.
 * hanging-indent - See Hanging indent above. No value by default.

Disadvantages

 * The necessary HTML code requires any line wraps to be manually inserted as demonstrated above.
 * Uses nested HTML tables, stylistically a no-no, to ensure cross-browser compatibility.
 * Because the semantics and implementation of dotted and dashed borders are not fully specified as of CSS 3, output may appear different between different browsers.