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 -->

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

{| 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]]]}

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

|-

|-

!style=" border:1px #AAA solid; background:#F2F2F2;"|Code

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

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

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

!style=" border:1px #AAA solid; background:#F2F2F2;"|Code

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

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

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

|-

|-

|style="border-right:1px #AAA solid; border-bottom:1px #AAA solid;"|<code><nowiki><table border='3px'></nowiki></code>

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

|style="border-bottom:1px #AAA solid;"|

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

<table border="3px">

|style="border-right:1px #AAA solid; border-left:1px #AAA solid; border-bottom:1px #AAA solid;"|<code><nowiki><table frame=box rules=all border=2></nowiki></code>

|style="border-bottom:1px #AAA solid;"|

<table frame=box rules=all border=2>

|-

|-

|style="border-right:1px #AAA solid;"|<code><nowiki><table style="border: 1px solid blue"></nowiki></code>

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

|<table 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"}}

|}</noinclude>

 

</table>

|style="border-right:1px #AAA solid; border-left:1px #AAA solid;"|<code><nowiki><</nowiki>table style="border-top:1px solid blue;<br/> border-bottom: 3px solid maroon; <br/>border-right:none; <br/>border-left: 1px double black"<nowiki>></nowiki>

|<table style="border-top: 1px solid blue; border-bottom: 3px solid maroon; border-right:none; border-left: 1px double black;">

<TR><TD>blue</TD><TD>skies</TD><TR>

=====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]]