Templat:Table style/doc

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

Example

Shorthand codes only

Markah	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

Markah	produces
{{ts|text-align:right;|pr2}}	style="text-align:right; padding-right:2.0em;"