Editing Template:Reflist/doc (section)

==Technical details==
===Font size===
The font size should reduce to 90% for almost all browsers, but may appear to show at 100% for very old browsers, such as early versions of Internet Explorer.<ref group="general" name="fontsize" /> As of December 21, 2010, the standard {{tag|references|single}} tag has the same font styling. The smaller font may be disabled through {{myprefs|Gadgets|{{int:gadget-NoSmallFonts}}}}.

===Browser support for columns===
{{CSS3 multiple column layout}}

Multiple columns are generated by using [[Cascading Style Sheets|CSS]]. Almost all browsers should support the multi-column property and will show multiple columns with {{tl|Reflist}}.<ref group="general" name="stuffandnonsense" /><ref group="general" name="w3org1" /><ref name="mdncols" group="general"/>

These browsers '''support''' CSS columns:
* [[Gecko (software)|Gecko]]-based browsers such as [[Mozilla Firefox]]
* [[WebKit]] browsers such as [[Safari (web browser)|Safari]]
* [[Blink (browser engine)|Blink]]-based browsers such as [[Microsoft Edge]], [[Opera (web browser)|Opera]], and [[Google Chrome]]
* [[Internet Explorer]] from version 10 onward

These browsers do '''not support''' CSS columns:
* Microsoft [[MSHTML]]-based browsers including Internet Explorer up to version 9<ref group="general" name="msdn" />
* Very old [[Opera (web browser)|Opera]] through to version 11

===Widows and orphans===
The use of columns can result in [[widows and orphans]], where a citation at the bottom of a column may be split to the top of the next column. [[MediaWiki:Common.css]] includes CSS rules to prevent list items from breaking between columns. Widows may still show in extreme circumstances, such as a reference list formatted in columns where only a single reference is defined.

{{markup
|<nowiki>Lorem ipsum.<ref>Source name, access date, etc.</ref>
Lorem ipsum dolor sit amet.

==References==
{{Reflist|10em}}</nowiki>
|Lorem ipsum.<ref>Source name, access date, etc.</ref>
Lorem ipsum dolor sit amet.

{{fake heading|sub=3|References}}
{{Reflist|10em}}
}}

===Customizing the view===
{{Further|Help:Reference display customization}}

By editing your CSS, the personal appearance of the reference list can be customized. From [[Special:Preferences|Preferences]], select the Appearance tab, then on the selected skin select Custom CSS. After editing and saving, follow the instructions at the top of the page to purge. See [[Wikipedia:Skin#Customisation (advanced users)]] for more help.

'''Font size'''

The font size for all reference lists defaults to 90% of the standard size. To change it, add:

<syntaxhighlight lang="css">
ol.references,
.mw-parser-output div.reflist,
.mw-parser-output div.refbegin {
  font-size: 90%;
}
</syntaxhighlight>

Change 90% to the desired size.

'''Columns'''

To disable columns, add:

<syntaxhighlight lang="css">
.references-column-width {
  column-width: auto !important;
}
</syntaxhighlight>

'''Column dividers'''

To add dividers (rules) between columns, add:

<syntaxhighlight lang="css">
.references-column-width {
  column-rule: 1px solid #aaa;
}
</syntaxhighlight>

You can alter the appearance of the dividers by changing the values.