ઢાંચો:Table style

વિકિસ્રોતમાંથી
Template documentation[view] [edit] [history] [purge]

Usage[ફેરફાર કરો]

  • This template allows shorthand table styling parameters. It supports an unlimited number of shorthand codes, each of which will output one or more CSS style rules.
  • Raw CSS style rules that do not have a shortcut in the list below can be used instead of or in combination with the shorthand codes. Any parameter provided to the template that is not recognised as a defined shortcut code will be treated as a presumed raw CSS style rule and output essentially as is.
    • The template automatically adds a terminal semicolon (;) for all the CSS style rules it outputs. This means that technically you should not end the raw CSS rules you include with a semicolon, but since this only results in ;; which web browsers handle just fine, it really doesn't matter.
  • Shorthand codes are managed in Module:table style/data.

List of parameters[ફેરફાર કરો]

The following list is automatically generated from the data in Module:Table style/data. It shows all currently valid formatting codes, their associated aliases, and the actual CSS rules generated from them.

CodeAliasesOutput CSS Style
abs
  • absolute
position:absolute;
ac
  • center
  • centre
  • align center
  • center align
  • align centre
  • centre align
text-align:center;
aj
  • justify
  • align justify
  • justify align
text-align:justify;
al
  • left
  • align left
  • left align
text-align:left;
alctext-align-last:center;
alltext-align-last:left;
alrtext-align-last:right;
ar
  • right
  • align right
  • right align
text-align:right;
asc
  • all small caps
  • all small capitals
font-variant:all-small-caps;
auxtocbackground:#E6F2E6;
ba
  • border all
  • border
border:1px solid black;
ba.border:1px dotted black;
ba2border:2px solid black;
ba3border:3px solid black;
badborder:4px double black;
bb
  • border bottom
  • bottom border
border-bottom:1px solid black;
bb.border-bottom:1px dotted black;
bb2border-bottom:2px solid black;
bb2.border-bottom:2px dotted black;
bb3border-bottom:3px solid black;
bb4xd
  • bbd
border-bottom:4px double black;
bbtborder-bottom:0px solid transparent;
bbt1border-bottom:1px solid transparent;
bc
  • border collapse
  • collapse
border-collapse:collapse;
bgt
  • transparent
  • transparency
background-color:transparent;
bl
  • border left
  • left border
border-left:1px solid black;
bl.border-left:1px dotted black;
bl2border-left:2px solid black;
bl3border-left:3px solid black;
bldborder-left:4px double black;
bltborder-left:0px solid transparent;
blt1border-left:1px solid transparent;
bn
  • border none
  • no border
border:none;
br
  • border right
  • right border
border-right:1px solid black;
br.border-right:1px dotted black;
br2border-right:2px solid black;
br2.border-right:2px dotted black;
br3border-right:3px solid black;
brdborder-right:4px double black;
brtborder-right:0px solid transparent;
brt1border-right:1px solid transparent;
bt
  • border top
  • top border
border-top:1px solid black;
bt.border-top:1px dotted black;
bt2border-top:2px solid black;
bt3border-top:3px solid black;
btdborder-top:4px double black;
bttborder-top:0px solid transparent;
btt1border-top:1px solid transparent;
cap
  • capitalise
  • capitalize
text-transform:capitalize;
dbdisplay:block;
dcdisplay:contents;
dfdisplay:flex;
didisplay:inline;
dibdisplay:inline-block;
dndisplay:none;
dtdisplay:table;
ffnfont-family:sans-serif;
ffsfont-family:serif;
fll
  • float left
float:left;
flr
  • float right
float:right;
fs058
  • xx-smaller
  • xxs
font-size:58%;
fs069
  • x-smaller
  • xs
font-size:69%;
fs080
  • sm80
font-size:80%;
fs083
  • smaller
  • sm
font-size:83%;
fs085
  • sm85
font-size:85%;
fs090
  • sm90
font-size:90%;
fs092
  • sm92
  • fine
font-size:92%;
fs095
  • sm95
font-size:95%;
fs105font-size:105%;
fs110
  • sm110
font-size:110%;
fs120
  • larger
  • lg
font-size:120%;
fs144
  • x-larger
  • xl
font-size:144%;
fs182
  • xx-larger
  • 2xl
  • xxl
font-size:182%;
fs207
  • xxx-larger
  • 3xl
  • xxxl
font-size:207%;
fs249
  • xxxx-larger
  • 4xl
  • xxxxl
font-size:249%;
fs260font-size:260%;
fs280font-size:280%;
fs300font-size:300%;
fsi
  • italic
  • i
font-style:italic;
fsn
  • roman
font-style:normal;
fvnfont-variant:normal;
fwb
  • bold
  • b
font-weight:bold;
fwbfsi
  • fwbsi
  • bold italic
  • bi
font-weight:bold;font-style:italic;
fwn
  • normal
font-weight:normal;
h0
  • height narrow
height:0;
h10
  • h1/10
height:10%;
h100
  • h1
  • ha
  • height all
  • full height
  • brace
height:100%;
h15
  • h3/20
height:15%;
h17
  • h1/6
height:calc(100% / 6);
h20
  • h1/5
height:20%;
h25
  • h1/4
  • quarter height
height:25%;
h30
  • h3/10
height:30%;
h33
  • h1/3
  • third height
height:calc(100% / 3);
h40
  • h2/5
height:40%;
h5
  • h1/20
height:5%;
h50
  • h1/2
  • half height
height:50%;
h60
  • h3/5
height:60%;
h67
  • h2/3
  • two thirds height
height:calc(100% / 1.5);
h70
  • h7/10
height:70%;
h75
  • h3/4
  • three quarter height
height:75%;
h80
  • h4/5
height:80%;
h83
  • h5/6
height:calc(100% / 1.2);
h90
  • h9/10
height:90%;
hmax
  • hf
  • height max
  • bracetable
  • brace table
height:max-content;
hmin
  • height min
height:min-content;
it
  • hi
padding-left:2em; text-indent:-2em;
it1padding-left:1em; text-indent:-1em;
it1p.5
  • it1p0.5
  • it1p05
padding-left:1.5em; text-indent:-1em;
it1p2padding-left:3em; text-indent:-1em;
it32padding-left:3em; text-indent:-2em;
it42padding-left:4em; text-indent:-2em;
it52padding-left:5em; text-indent:-2em;
itppadding-left:2em; text-indent:-1em;
itp.5
  • itp0.5
  • itp05
padding-left:2.5em; text-indent:-2em;
lc
  • lower case
  • lower-case
  • lowercase
text-transform:lowercase;
lh100
  • lh1
  • lh10
line-height:100%;
lh110
  • lh11
line-height:110%;
lh120
  • lh12
line-height:120%;
lh130
  • lh13
line-height:130%;
lh150
  • lh15
line-height:150%;
lh200
  • lh2
  • lh20
line-height:200%;
lh250
  • lh25
line-height:250%;
lh300
  • lh3
line-height:300%;
lh90
  • lh9
line-height:90%;
lh95line-height:95%;
ltrdirection:ltr;
mamargin-right:auto; margin-left:auto;
ma10margin:10px;
ma5margin:5px;
mb10margin-bottom:10px;
mb5margin-bottom:5px;
mc
  • float
  • float center
  • float centre
margin:0 auto 0 auto;
ml10margin-left:10px;
ml5margin-left:5px;
mr10margin-right:10px;
mr5margin-right:5px;
mt10margin-top:10px;
mt5margin-top:5px;
ofhoverflow:hidden;
p.5
  • p0.5
  • p05
padding:0.5em;
p0padding:0;
p1padding:1em;
p1.5
  • p15
padding:1.5em;
p2padding:2em;
p2.5
  • p25
padding:2.5em;
p3padding:3em;
p3.5
  • p35
padding:3.5em;
p4padding:4em;
p5padding:5em;
p6padding:6em;
p7padding:7em;
pb.5
  • pb0.5
  • pb05
padding-bottom:0.5em;
pb0padding-bottom:0;
pb1padding-bottom:1em;
pb1.5
  • pb15
padding-bottom:1.5em;
pb2padding-bottom:2em;
pb2.5
  • pb25
padding-bottom:2.5em;
pb3padding-bottom:3em;
pb3.5
  • pb35
padding-bottom:3.5em;
pb4padding-bottom:4em;
pb5padding-bottom:5em;
pb6padding-bottom:6em;
pb7padding-bottom:7em;
pl.5
  • pl0.5
  • pl05
padding-left:0.5em;
pl0padding-left:0;
pl1padding-left:1em;
pl1.5
  • pl15
padding-left:1.5em;
pl2padding-left:2em;
pl2.5
  • pl25
padding-left:2.5em;
pl3padding-left:3em;
pl3.5
  • pl35
padding-left:3.5em;
pl4padding-left:4em;
pl5padding-left:5em;
pl6padding-left:6em;
pl7padding-left:7em;
plr.5
  • plr0.5
  • plr05
padding-left:0.5em; padding-right:0.5em;
plr0padding-left:0em; padding-right:0em;
plr1padding-left:1em; padding-right:1em;
plr1.5
  • plr15
padding-left:1.5em; padding-right:1.5em;
plr2padding-left:2em; padding-right:2em;
plr2.5
  • plr25
padding-left:2.5em; padding-right:2.5em;
plr3padding-left:3em; padding-right:3em;
plr3.5
  • plr35
padding-left:3.5em; padding-right:3.5em;
plr4padding-left:4em; padding-right:4em;
plr5padding-left:5em; padding-right:5em;
plr6padding-left:6em; padding-right:6em;
plr7padding-left:7em; padding-right:7em;
pr.5
  • pr0.5
  • pr05
padding-right:0.5em;
pr0padding-right:0;
pr1padding-right:1em;
pr1.5
  • pr15
padding-right:1.5em;
pr2padding-right:2em;
pr2.5
  • pr25
padding-right:2.5em;
pr3padding-right:3em;
pr3.5
  • pr35
padding-right:3.5em;
pr4padding-right:4em;
pr5padding-right:5em;
pr6padding-right:6em;
pr7padding-right:7em;
pt.5
  • pt0.5
  • pt05
padding-top:0.5em;
pt0padding-top:0;
pt1padding-top:1em;
pt1.5
  • pt15
padding-top:1.5em;
pt2padding-top:2em;
pt2.5
  • pt25
padding-top:2.5em;
pt3padding-top:3em;
pt3.5
  • pt35
padding-top:3.5em;
pt4padding-top:4em;
pt5padding-top:5em;
pt6padding-top:6em;
pt7padding-top:7em;
ptb.5
  • ptb0.5
  • ptb05
padding-top:0.5em; padding-bottom:0.5em;
ptb0padding-top:0em; padding-bottom:0em;
ptb1padding-top:1em; padding-bottom:1em;
ptb1.5
  • ptb15
padding-top:1.5em; padding-bottom:1.5em;
ptb2padding-top:2em; padding-bottom:2em;
ptb2.5
  • ptb25
padding-top:2.5em; padding-bottom:2.5em;
ptb3padding-top:3em; padding-bottom:3em;
ptb3.5
  • ptb35
padding-top:3.5em; padding-bottom:3.5em;
ptb4padding-top:4em; padding-bottom:4em;
ptb5padding-top:5em; padding-bottom:5em;
ptb6padding-top:6em; padding-bottom:6em;
ptb7padding-top:7em; padding-bottom:7em;
rel
  • relative
position:relative;
rtldirection:rtl;
sc
  • small caps
  • small capitals
font-variant:small-caps;
tds
  • strike
text-decoration:line-through;
tdu
  • underline
text-decoration:underline;
uc
  • upper case
  • upper-case
  • uppercase
text-transform:uppercase;
vbm
  • vertical align bottom
  • bottom
vertical-align:bottom;
vbs
  • vertical align baseline
  • baseline
vertical-align:baseline;
vmi
  • vertical align middle
  • middle
vertical-align:middle;
vtb
  • vertical align text bottom
  • text bottom
vertical-align:text-bottom;
vtp
  • vertical align top
  • top
vertical-align:top;
vtt
  • vertical align text top
  • text top
vertical-align:text-top;
w0
  • width narrow
  • narrow
width:0;
w10
  • w1/10
width:10%;
w100
  • w1
  • wa
  • width all
  • full width
  • full
width:100%;
w15
  • w3/20
width:15%;
w17
  • w1/6
width:calc(100% / 6);
w20
  • w1/5
width:20%;
w25
  • w1/4
  • quarter width
  • quarter
width:25%;
w30
  • w3/10
width:30%;
w33
  • w1/3
  • third width
  • third
width:calc(100% / 3);
w40
  • w2/5
width:40%;
w5
  • w1/20
width:5%;
w50
  • w1/2
  • half width
  • half
width:50%;
w60
  • w3/5
width:60%;
w67
  • w2/3
  • two thirds width
  • two thirds
  • two-thirds
  • two third
  • two-third
width:calc(100% / 1.5);
w70
  • w7/10
width:70%;
w75
  • w3/4
  • three quarter width
  • three quarter
  • three-quarter
  • three quarters
  • three-quarters
width:75%;
w80
  • w4/5
width:80%;
w83
  • w5/6
width:calc(100% / 1.2);
w90
  • w9/10
width:90%;
wmax
  • wf
  • width max
width:max-content;
wmin
  • width min
width:min-content;
wnw
  • nowrap
white-space:nowrap;

Examples[ફેરફાર કરો]

{{ts|ar|ba|sc}} produces style="text-align:right; border:1px solid black; font-variant:small-caps;"

{{table style|ar|vtb|pr2}} produces style="text-align:right; vertical-align:text-bottom; padding-right:2em;"


Shorthand codes combined with CSS style rules[ફેરફાર કરો]

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


Where to place the template in a table?[ફેરફાર કરો]

Either at the start of the table, or on a row break, or for an individual cell.

In the following example the templates first sets the text in all the cells to be centered ({{ts|ac}}). Then on the second row (after the heading row) all the text in the row to be left justified ({{ts|al}}), finally the third row second column (the number of years) to be right justified ({{ts|ar}}).

{|class="wikitable" {{ts|ac}}
|-
!Location
!Number of years
!Annual average rainfall in inches
|-
|Basra|||18||6-68
|-{{ts|al}}
|Bagdad||29||6-64
|-
||Mosul||{{ts|ar}}|4||16-71
|}

Display as:

Location Number of years Annual average rainfall in inches
Basra 18 6-68
Bagdad 29 6-64
Mosul 4 16-71

Note[ફેરફાર કરો]

Not all table styling works everywhere, which is a limitation from HTML/CSS. As mentioned above, styles can be applied to a whole table, to an individual table row, or to individual table cells. Most styles work when applied to cells or whole tables. Far fewer styles work on table rows. If you see unexpected results even when the usage looks correct, this may be the problem.