| Line 50: |
Line 50: |
| | |} | | |} |
| | ===Borders=== | | ===Borders=== |
| − | Border can be done one of two ways. Typically the best way to do borders is having a border variable isolated - as in: | + | Border can be done one of two ways. |
| − | <code><nowiki><TABLE border='3px'></nowiki></code> | + | ===Seperated=== |
| − | | + | The most common way to do borders is having a border variable isolated - as in: |
| − | 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>
| + | <code><nowiki><TABLE border='3px'></nowiki></code> However this element is relatively restricted - as you are unable to efficiently change the color of the border. |
| | + | ===Style=== |
| | + | Border can also be combined with the style variable. 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> |
| | | | |
| | + | ===Frames and Rules=== |
| | + | Frames and Rules are different ways of formating tables. Put simply, frames are the outside border of the table, and rules are the inside borders. Rules is commonly used when borders are in the style element because it allows an inside border to show up. |
| | {| 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<sup>[[#Note|[1]]]</sup> | | !colspan="4" style=" border:1px #AAA solid; background:#F2F2F2;"|Various Tables and Borders<sup>[[#Note|[1]]]</sup> |
| Line 66: |
Line 70: |
| | <!--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 "|-" --> |
| | | | |
| − | {{: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=style="border: 1px solid blue" }} |
| | |- | | |- |
| | {{:HTML table formatting/borders1|1=style="border: 1px solid blue" rules=all}} | | {{:HTML table formatting/borders1|1=style="border: 1px solid blue" rules=all}} |
| | + | {{: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=frames="HSides" rules="all"}} |
| | {{: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"}} |
| | | | |
| | <!--Keep styles above this line --> | | <!--Keep styles above this line --> |
| | |} | | |} |
| − | ====Frames and Rules====
| |
| − | Frames and Rules are different ways of formating tables. Put simply, frames are the outside border of the table, and rules are the inside borders.
| |
| | =====Note===== | | =====Note===== |
| | <sup>[1]</sup><small>Borders can also more tediously be set for <nowiki><td> and <th></nowiki> tags.</small> | | <sup>[1]</sup><small>Borders can also more tediously be set for <nowiki><td> and <th></nowiki> tags.</small> |