Template:Ts/doc

From MOASSpedia
Jump to navigation Jump to search

Usage

This template allows shorthand table styling parameters. It supports up to 10 CSS style commands (e.g. "text-align:right;"), each bound to a shorthand code.

If you want to add a shorthand entry, add it to {{ts/parse}}.

Natural language codes that are not in the list of below, can be used in addition, or in combination with the shorthand codes.

Natural language codes need to be terminated with the semicolon (;), while shorthand codes include the semicolon (;).

List of parameters

When adding a new code, please insert here in alphabetic order.
natural language code shorthand natural language table row cell notes
background-color:transparent; bgt transparent Yes ? Yes
background-color:#ffffff; bgwbgff white Yes Yes Yes achromatic colors – shorthand:
 
bgXX
 
where XX is the repeated hex pair (for R, G or B) from the RGB color code in hexadecimal form – the letters used here are lowercase
background-color:#f2f2f2; bgf2 gray 95
grey 95
Yes Yes Yes
background-color:#d3d3d3; bgd3 light gray
light grey
Yes Yes Yes
background-color:#808080; bg80 gray
grey
Yes Yes Yes
background-color:#000000; bg00bgbk black Yes Yes Yes
background-color:#ffd700; b1 gold Yes Yes Yes
background-color:#c0c0c0; b2 silver Yes Yes Yes
background-color:#cc9966; b3 bronze Yes Yes Yes
background-color:#9acdff; b4 pale blue Yes Yes Yes
background-color:#ffd700; font-weight:bold; b1b Yes Yes Yes gold background, bold font
background-color:#c0c0c0; font-weight:bold; b2b Yes Yes Yes silver background, bold font
background-color:#cc9966; font-weight:bold; b3b Yes Yes Yes bronze background, bold font
background-color:#9acdff; font-weight:bold; b4b Yes Yes Yes pale blue background, bold font
border:1px dotted black; ba. Yes Yes Yes
border:1px solid black; ba border all Yes Yes Yes
border:2px solid black; ba2 Yes Yes Yes
border:3px solid black; ba3 Yes Yes Yes
border:4px double black; bad Yes Yes Yes
border:none; bn Yes Yes Yes
border-bottom:0px solid transparent; bbt Yes Yes Yes use border-bottom:1px solid transparent;
border-bottom:1px dotted black; bb. Yes Yes Yes
border-bottom:2px dotted black; bb2. Yes Yes Yes
border-bottom:1px solid black; bb border bottom Yes Yes Yes
border-bottom:1px solid transparent; bbt1 Yes Yes Yes
border-bottom:2px solid black; bb2 Yes Yes Yes
border-bottom:3px solid black; bb3 Yes Yes Yes
border-bottom:4px double black; bbd Yes Yes Yes
border-collapse:collapse; bc border collapse Yes Yes No
border-left:0px solid transparent; blt Yes Yes Yes
border-left:1px dotted black; bl. Yes Yes Yes
border-left:1px solid black; bl border left Yes Yes Yes
border-left:1px solid transparent; blt1 Yes Yes Yes
border-left:2px solid black; bl2 Yes Yes Yes
border-left:3px solid black; bl3 Yes Yes Yes
border-left:4px double black; bld Yes Yes Yes
border-right:0px solid transparent; brt Yes Yes Yes
border-right:1px dotted black; br. Yes Yes Yes
border-right:2px dotted black; br2. Yes Yes Yes
border-right:1px solid black; br border right Yes Yes Yes
border-right:1px solid transparent; brt1 Yes Yes Yes
border-right:2px solid black; br2 Yes Yes Yes
border-right:3px solid black; br3 Yes Yes Yes
border-right:4px double black; brd Yes Yes Yes
border-top:0px solid transparent; btt Yes Yes Yes
border-top:1px dotted black; bt. Yes Yes Yes
border-top:1px solid black; bt border top Yes Yes Yes
border-top:1px solid transparent; btt1 Yes Yes Yes 'border:none' doesn't work on many browsers, use transparent instead
border-top:2px solid black; bt2 Yes Yes Yes
border-top:3px solid black; bt3 Yes Yes Yes
border-top:4px double black; btd Yes Yes Yes
direction:rtl; rtl right to left Yes Yes Yes
float:left; fll float left Yes No No Breaks text flow.
float:right; flr float right Yes No No Breaks text flow.
font-size:58%; xxs xx-smaller Yes Yes Yes
font-size:69%; xs x-smaller Yes Yes Yes
font-size:80%; sm80 Yes Yes Yes
font-size:83%; sm smaller Yes Yes Yes
font-size:85%; sm85 Yes Yes Yes
font-size:90%; sm90 Yes Yes Yes
font-size:92%; sm92 Yes Yes Yes
font-size:95%; sm95 Yes Yes Yes
font-size:100%; sm100 Yes Yes Yes
font-size:105%; sm105 Yes Yes Yes
font-size:107%; sm107 Yes Yes Yes
font-size:110%; sm110 Yes Yes Yes
font-size:120%; lg larger Yes Yes Yes
font-size:144%; xl x-larger Yes Yes Yes
font-size:182%; xxl xx-larger Yes Yes Yes
font-size:207%; 3xl xxx-larger Yes Yes Yes
font-size:249%; 4xl xxxx-larger Yes Yes Yes
 
font-style:italic; fsi italic Yes Yes Yes
font-style:normal; fsn roman Yes Yes Yes
 
font-variant:normal; fvn roman Yes Yes Yes
font-variant:small-caps; sc small caps Yes Yes Yes
 
font-weight:bold; fwb bold Yes Yes Yes
font-weight:normal; fwn normal Yes Yes Yes
 
line-height:95%; lh95 Yes Yes Yes
line-height:100%; lh1lh10 Yes Yes Yes
line-height:110%; lh11 Yes Yes Yes
line-height:120%; lh12 Yes Yes Yes
line-height:130%; lh13 Yes Yes Yes
line-height:150%; lh15 Yes Yes Yes
line-height:200%; lh2lh20 Yes Yes Yes
line-height:250%; lh25 Yes Yes Yes
 
margin:0 auto 0 auto; mc float Yes ? Yes
margin:10px; ma10 Yes ? Yes
margin:5px; ma5 Yes ? Yes
margin-bottom:10px; mb10 Yes ? Yes
margin-bottom:5px; mb5 Yes ? Yes
margin-left:10px; ml10 Yes ? Yes
margin-left:5px; ml5 Yes ? Yes
margin-right:10px; mr10 Yes ? Yes
margin-right:5px; mr5 Yes ? Yes
margin-right:auto; margin-left:auto; ma Yes ? ?
margin-top:10px; mt10 Yes ? Yes
margin-top:5px; mt5 Yes ? Yes
padding:0; pa0 no padding Yes No Yes padding all sides
padding:1px; pa1 Yes No Yes
padding:2px; pa2 Yes No Yes
padding:3px; pa3 Yes No Yes
padding:4px; pa4 Yes No Yes
padding-bottom:0.5em; pb.5 Yes No Yes
padding-bottom:0; pb0 Yes No Yes
padding-bottom:1.0em; pb1 Yes No Yes
padding-bottom:1.5em; pb15 Yes No Yes
padding-bottom:2.0em; pb2 Yes No Yes
padding-bottom:3.0em; pb3 Yes No Yes
padding-bottom:4.0em; pb4 Yes No Yes
padding-bottom:5.0em; pb5 Yes No Yes
padding-left:1.0em;text-indent:-1.0em; it1 Yes No Yes
padding-left:1.5em; text-indent:-1.0em; it1p.5 Yes No Yes
padding-left:2.0em; text-indent:-1.0em; itp Yes No Yes
padding-left:2.0em;text-indent:-2.0em; it Yes No Yes
padding-left:2.5em; text-indent:-2.0em; itp.5 Yes No Yes
padding-left:3.0em; text-indent:-1.0em; it1p2 Yes No Yes
padding-left:4.0em;text-indent:-2.0em; it42 Yes No Yes
padding-left:0.5em; pl.5 Yes No Yes
padding-left:0; pl0 Yes No Yes
padding-left:1.0em; pl1 Yes No Yes
padding-left:1.5em; pl15 Yes No Yes
padding-left:2.0em; pl2 Yes No Yes
padding-left:3.0em; pl3 Yes No Yes
padding-left:3.5em; pl3.5 Yes No Yes
padding-left:4.0em; pl4 Yes No Yes
padding-left:5.0em; pl5 Yes No Yes
padding-left:6.0em; pl6 Yes No Yes
padding-left:7.0em; pl7 Yes No Yes
padding-right:0.5em; pr.5 Yes No Yes
padding-right:0; pr0 Yes No Yes
padding-right:1.0em; pr1 Yes No Yes
padding-right:1.5em; pr15 Yes No Yes
padding-right:2.0em; pr2 Yes No Yes
padding-right:3.0em; pr3 Yes No Yes
padding-right:3.5em; pr3.5 Yes No Yes
padding-right:4.0em; pr4 Yes No Yes
padding-right:5.0em; pr5 Yes No Yes
padding-right:6.0em; pr6 Yes No Yes
padding-right:7.0em; pr7 Yes No Yes
padding-top:0.5em; padding-bottom:0.5em; ptb.5 Yes No Yes Padding title rows
padding-top:1em; padding-bottom:1em; ptb1 Yes No Yes
padding-top:0.5em; pt.5 Yes No Yes
padding-top:0; pt0 Yes No Yes
padding-top:1.0em; pt1 Yes No Yes
padding-top:1.5em; pt15 Yes No Yes
padding-top:2.0em; pt2 Yes No Yes
padding-top:3.0em; pt3 Yes No Yes
padding-top:4.0em; pt4 Yes No Yes
padding-top:5.0em; pt5 Yes No Yes
text-align:center; ac center Yes Yes Yes
text-align:justify; aj justify Yes Yes Yes
text-align:left; al left Yes Yes Yes
text-align:right; ar right Yes Yes Yes
text-transform:capitalize; cap capitalize Yes Yes Yes
text-transform:lowercase; lc lower case Yes Yes Yes
text-transform:uppercase; uc upper case Yes Yes Yes
vertical-align:baseline; vbs baseline Yes Yes Yes
vertical-align:bottom; vbm bottom Yes Yes Yes
vertical-align:middle; vmi middle Yes Yes Yes
vertical-align:text-bottom; vtb text bottom Yes Yes No Does not apply to table-cells[1]
vertical-align:text-top; vtt text top No Yes Yes Does not apply to table-cells[2]
vertical-align:top; vtp top No Yes Yes
 
white-space:nowrap; wnw nowrap ? ? Yes
 
width:0%; w0 narrow Yes No Yes
width:15%; w15 Yes No Yes
width:20%; w20 fifth Yes No Yes
width:25%; w25 quarter Yes No Yes
width:33%; w33 third Yes No Yes
width:40%; w40 two fifths Yes No Yes
width:50%; w50 half Yes No Yes
width:60%; w60 three fifths Yes No Yes
width:67%; w67 two thirds Yes No Yes
width:75%; w75 three quarters Yes No Yes
width:80%; w80 four fifths Yes No Yes
width:100%; w100 wa Yes No Yes
width:0.5em; w0.5 Yes No Yes width in em: shorthand using decimal point
width:1.0em; w1.0 Yes No Yes
width:1.5em; w1.5 Yes No Yes
width:2.0em; w2.0 Yes No Yes
width:2.5em; w2.5 Yes No Yes
width:3.0em; w3.0 Yes No Yes
width:3.5em; w3.5 Yes No Yes
width:4.0em; w4.0 Yes No Yes
width:4.5em; w4.5 Yes No Yes
width:5.0em; w5.0 Yes No Yes
width:5.5em; w5.5 Yes No Yes
width:6.0em; w6.0 Yes No Yes
width:6.5em; w6.5 Yes No Yes
width:7.0em; w7.0 Yes No Yes
width:7.5em; w7.5 Yes No Yes
width:8.0em; w8.0 Yes No Yes
width:8.5em; w8.5 Yes No Yes
width:9.0em; w9.0 Yes No Yes
width:9.5em; w9.5 Yes No Yes
width:10.0em; w10.0 Yes No Yes
width:11.0em; w11.0 Yes No Yes
width:12.0em; w12.0 Yes No Yes
width:13.0em; w13.0 Yes No Yes
width:14.0em; w14.0 Yes No Yes
width:15.0em; w15.0 Yes No Yes
width:16.0em; w16.0 Yes No Yes
width:17.0em; w17.0 Yes No Yes
width:18.0em; w18.0 Yes No Yes
width:19.0em; w19.0 Yes No Yes
width:20.0em; w20.0 Yes No Yes


Example

Shorthand codes only
Markup produces
{{ts|ar|ba|sc}}

style="text-align:right; border:1px solid black; font-variant:small-caps;"

{{ts|ar|vtb|pr2}}

style="text-align:right; vertical-align:top; padding-right:2.0em;"

Natural language code combined with shorthand code
Markup produces
{{ts|text-align:right;|pr2}}

style="text-align:right; padding-right:2.0em;"