← Older editNewer edit →
VisualWikitext
wikipedia>Crissov
wikipedia>Crissov
Line 26: Line 26:
<source lang="css">/* Stacked Fractions (does not work with three parameters currently) */
<source lang="css">/* Stacked Fractions (does not work with three parameters currently) */
.frac  
.frac  
{
{
   display: inline-block;
   display: inline-block;
Line 39: Line 38:
{
{
   vertical-align: inherit;
   vertical-align: inherit;
   font-size: 85%;
   font-size: 85%;
   line-height: inherit;
   line-height: inherit;
   position: static;
   position: static;
   visibility: show;
   visibility: show;
}
}
.frac>sup::after
.frac>sup::after
{
{

Revision as of 11:27, 11 December 2011

Template:Documentation subpage This template builds an alternative form of common fractions. It takes one, two or three parameters: the optional integer (may be signed), the optional numerator and the required denominator; in this order. Please do not subst:itute it. This template should not be used in mathematical articles, per MOS:MATH#Fractions.

{{frac|A|B|C}}
Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").A+B⁄C (integer, numerator and denominator)
<span class="frac">A<sup>&nbsp;B</sup>⁄<sub>C</sub></span>
{{frac|A|B}}
Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").A⁄B (numerator and denominator)
<span class="frac"><sup>A</sup>⁄<sub>B</sub></span>
{{frac|A}}
Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").1⁄A (denominator only)
<span class="frac"><sup>1</sup>⁄<sub>A</sub></span>

Examples

Numbers
Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").1⁄2 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").1⁄3 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").2⁄3 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").1⁄4 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").3⁄4 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").1⁄5 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").2⁄5 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").3⁄5 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").4⁄5 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").1⁄6 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").5⁄6 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").1⁄7 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").2⁄7 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").3⁄7 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").4⁄7 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").5⁄7 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").6⁄7 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").1⁄8 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").3⁄8 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").5⁄8 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").7⁄8 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").1⁄16 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").3⁄16 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").5⁄16 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").7⁄16 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").9⁄16 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").11⁄16 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").13⁄16 Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").15⁄16
Units
Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").m⁄s Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").km⁄h Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").kg·m⁄s² Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").1⁄s Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").Mbit⁄s

Deactivation and customization

Users who prefer to see fractions inline, e.g. „1 2⁄3“ instead of „Page Template:Fraction/styles.css must have content model "Sanitized CSS" for TemplateStyles (current model is "plain text").1+2⁄3, can turn off the effects of this template by adding the following code to their user stylesheet: 

.frac>sup /* numerator */,
.frac>sub /* denominator */
{
  vertical-align: inherit/* or baseline*/;
  font-size: inherit/* or 1em*/;
  line-height: inherit/* or 1*/;
  position: inherit/* or static*/;
}

These selectors and properties can also be used as a base for custom rendering of vulgar fractions: 

/* Stacked Fractions (does not work with three parameters currently) */
.frac 
{
  display: inline-block;
  margin-bottom: -0.3em;
  vertical-align: 0.8em;
  line-height: 1.2em;
  text-align: center;
  visibility: hidden;/*hide fraction slash*/
}
.frac>sup /* numerator */,
.frac>sub /* denominator */
{
  vertical-align: inherit;
  font-size: 85%;
  line-height: inherit;
  position: static;
  visibility: show;
}
.frac>sup::after
{
  content: "\A" /* a line break */
}
.frac>sub 
{
  text-decoration: overline;
}

See also

To allow numerical sorting of a column containing fractions, use {{sortfrac}} instead. It is a combination of this template and {{sort}}.

Retrieved from "https://howto.wikioasis.org/wiki/Template:Fraction/doc?oldid=1218"
Retrieved from "https://howto.wikioasis.org/wiki/Template:Fraction/doc?oldid=1218"