Changes

This can also be combined with other elements to change styling. However this element is relatively restricted - as you are unable to efficiently change the color of the border, and alternatively you could present the border as a component of a style variable, however as you can see in the table below - this only works for the outside border. This border argument is presented with 3 sub-components - width, style (hidden, dotted, dashed, solid, double, groove, ridge, inset, outset) and color.<code><nowiki><table style="border: 1px solid blue"></nowiki></code>

This can also be combined with other elements to change styling. However this element is relatively restricted - as you are unable to efficiently change the color of the border, and alternatively you could present the border as a component of a style variable, however as you can see in the table below - this only works for the outside border. This border argument is presented with 3 sub-components - width, style (hidden, dotted, dashed, solid, double, groove, ridge, inset, outset) and color.<code><nowiki><table style="border: 1px solid blue"></nowiki></code>

<!--For this table DO NOT use any classes - they screw up the tables that are inside of this - I've manually made the table essentially the class -->

<!--For this table DO NOT use any classes - they screw up the tables that are inside of this - I've manually made the table essentially the class -->

<!--Add you're additions in this style: {{:HTML table formatting/borders1|1=YOU'RE STYLE (i.e. border="1"; style="border:1px solid black" etc. Every 2 add |- -->

<!--Add you're additions in this style: {{:HTML table formatting/borders1|1=YOU'RE STYLE (i.e. border="1"; style="border:1px solid black" etc. Every 2 add "{{!}}-"  -->

{| style="margin:1em 1em 1em 0; background:#F9F9F9; border:1px; border:1px #AAA solid; border-collapse:collapse"

 

!colspan="4" style=" border:1px #AAA solid; background:#F2F2F2;"|Various Tables and Borders^{[[#Note|[1]]]}

{{:HTML table formatting/borders2|1=

 

!style=" border:1px #AAA solid; background:#F2F2F2;" width="10%"|Result

{{:HTML table formatting/borders1|1=border='3px'}}

{{:HTML table formatting/borders1|1=border='3px'}}

{{:HTML table formatting/borders1|1=frame=box rules=all border=2}}

{{:HTML table formatting/borders1|1=frame=box rules=all border=2}}

|-

{{!}}-

{{:HTML table formatting/borders1|1=style="border: 1px solid blue"}}

{{:HTML table formatting/borders1|1=style="border: 1px solid blue"}}

{{:HTML table formatting/borders1|1=style="border-top:1px solid blue; border-bottom: 3px solid maroon; border-right:none; border-left: 1px double black"}}

{{:HTML table formatting/borders1|1=style="border-top:1px solid blue; border-bottom: 3px solid maroon; border-right:none; border-left: 1px double black"}}

|}</noinclude>

 

}}

=====Note=====

=====Note=====

^[1]<small>Borders can also more tediously be set for <nowiki><td> and <th></nowiki> tags.</small>

^[1]<small>Borders can also more tediously be set for <nowiki><td> and <th></nowiki> tags.</small>

[[category:Website Development]]

[[category:Website Development]]