Editing Help/Tables (section)

===Border width=== <!--T:214-->

<!--T:215-->
If "border-width:" has only one number, it is for all four border sides:
</translate>

{| style="width:100%"
|-
! style="width:50%" | <translate><!--T:216--> You type</translate>
! style="width:50%" | <translate><!--T:217--> You get</translate>
|-
| style="padding: 5px;" |
<pre>
{|style="border-style: solid; border-width: 20px"
|
<translate nowrap><!--T:218--> Hello</translate>
|}
</pre>
| style="padding: 20px;"|
{|style="border-style: solid; border-width: 20px"
|
<translate><!--T:219--> Hello</translate>
|}
|}

<translate>
<!--T:220-->
If "border-width:" has more than one number, the four numbers are for '''top, right, bottom, left (REMEMBER clockwise order <tvar name=clockwise>&uarr;&rarr;&darr;&larr;</tvar>)''':
</translate>

{| style="width:100%"
|-
! style="width:50%" | <translate><!--T:221--> You type</translate>
! style="width:50%" | <translate><!--T:222--> You get</translate>
|-
| style="padding: 5px;" |
<pre>
{|style="border-style: solid; border-width: 10px 20px 100px 0"
|
<translate nowrap><!--T:223--> Hello</translate>
|}
</pre>
| style="padding: 20px;"|
{|style="border-style: solid; border-width: 10px 20px 100px 0"
|
<translate><!--T:224--> Hello</translate>
|}
|}

<translate>
<!--T:225-->
:When there are fewer than 4 values :
</translate>
:* <translate><!--T:439--> three values i.e. <tvar name=3val><code>top</code>, <code>right</code>, <code>bottom</code></tvar>: then the default value for <tvar name=left><code>left</code></tvar> is the one of <tvar name=right><code>right</code></tvar> (second value). Width is then the same on left and right side.</translate>
:* <translate><!--T:440--> two values i.e. <tvar name=2val><code>top</code>, <code>right</code></tvar>: then the default value for <tvar name=bottom><code>bottom</code></tvar> is the one of <tvar name=top><code>top</code></tvar> (first value), and <tvar name=left><code>left</code></tvar> by default is assigned the value of <tvar name=right><code>right</code></tvar> (second value). Width on top is then the same as on bottom; width on left is the same as on right.</translate>
:* <translate><!--T:441--> one value i.e. <tvar name=1val><code>top</code></tvar>: then the default value for <tvar name=right><code>right</code></tvar> is the one of <tvar name=top><code>top</code></tvar> and it is the same for <tvar name=bottom><code>bottom</code></tvar> and <tvar name=left><code>left</code></tvar>. The fourth width are the same and build a regular border. This is a writing shortcut.</translate>

<translate>
<!--T:226-->
Another method to define the widths of the four sides of a cell is to use ''"border-left", "border-right", "border-top" and "border-bottom"'':
</translate>
<div style="width: 100%; overflow:auto;">
{| style="width:100%"
|-
! style="width:50%" | <translate><!--T:227--> You type</translate>
! style="width:50%" | <translate><!--T:228--> You get</translate>
|-
| style="padding: 5px;" |
<pre>
{|style="border-left:solid 10px black;border-right:solid 20px black;border-top:solid 30px black;border-bottom:solid 40px black; margin:auto"
|
<translate nowrap><!--T:229--> Hello</translate>
|}
</pre>
| style="padding: 20px;"|
{|style="border-left:solid 10px black;border-right:solid 20px black;border-top:solid 30px black;border-bottom:solid 40px black; margin:auto"
|
<translate><!--T:230--> Hello</translate>
|}
|}
</div>

{{Note|1=<nowiki/>
<translate><!--T:231--> The HTML attributes (such as "width=", "border=", "cellspacing=", "cellpadding=") do not need any length unit (the pixel unit is assumed).</translate>
<translate><!--T:414--> They are also invalid in HTML 5.</translate>

<translate><!--T:438--> "Cellpadding" is for setting the space between the cell wall and the cell content.</translate><ref>
[https://developer.mozilla.org/Web/HTML/Reference/Elements/table#cellpadding HTML table cellpadding Attribute]
</ref>

<translate>
<!--T:232-->
The CSS style properties (which override the HTML attributes) require an explicit length unit (if the value is not 0) such as "px" for the pixel.</translate>
}}

<translate>