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.refbegin {
  font-size: 90%;
}
</syntaxhighlight>

Change 90% to the desired size.

'''Columns'''

To disable columns, add:

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

To override the minimum width of columns, add:

<syntaxhighlight lang="css">
.mw-references-columns, .references-column-width {
  column-width: 24em !important;
}
</syntaxhighlight>
Change the "24em" as necessary for your environment.

'''Column dividers'''

To add dividers (rules) between columns, add:

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

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