Usage

uredi

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

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


Example

uredi
Shorthand codes only
Uporaba Izpis
{{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
Uporaba Izpis
{{ts|text-align:right;|pr2}}
style="text-align:right; padding-right:2.0em;"