プロパティ

div {border: solid 4px blue;}: 要素の周囲に境界線を引くのには border 属性を指定します。
div {border: double 10px green;}: 要素の周囲に境界線を引くのには border 属性を指定します。
doubleは２重線です。
div {border: inset 4px blue;}: 要素の周囲に境界線を引くのには border 属性を指定します。
div {border-bottom: double 10px blue; border-top: solid 2px red;}: 要素の周囲に境界線を引くのには border 属性を指定します。
上下左右の境界線を個別に設定することもできます。

border-bottom: double 10px blue 下境界線を2重線，幅10px, 青色
border-top: solid 2px red 上境界線を実線，幅2px，赤色
p {border-left: solid 10px red; width: 500px; line-height: 2;}: 要素の周囲に境界線を引くのには border 属性を指定します。左側の境界線だけを強調することもできます。

border-left: solid 10px red 左境界線を実線，幅10px，赤色
width: 500px この段落幅を400pxに
line-height: 2 行幅(行間)を2に
p {border-left: solid 10px red; width: 500px; line-height: 2; padding: 32px; margin: 50px; }: 要素の周囲に境界線を引くのには border 属性を指定します。左側の境界線だけを強調することもできます。

border-left: solid 10px red 左境界線を実線，幅10px，赤色
width: 500px この段落幅を400pxに
line-height: 2 行幅(行間)を2に

width: 200px;
幅を200ピクセルに設定する。

width: 160px;
幅を160ピクセルに設定する。

margin-left: 24px;

margin-left: 12px; margin-right: 40px; (左マージン:12px 右マージン:40px)

margin-top: 40px;

margin-bottom: 40px;

padding-left: 24px;

padding-left: 12px; padding-right: 40px; (左マージン:12px 右マージン:40px)

padding-top: 40px;

padding-bottom: 40px;

margin: 20px; padding: 40px;
marginは要素の外側の空白， paddingは要素の内側に置く空白

margin: 20px;

collapse: つぶれる，くずれる，崩壊

１行１列(TH: Table Header)	1行２列(TH)
２行１列(TD: Table Data)	２行２列(TD)

table.L1 {border: solid 1px red; border-collapse: collapse;}

td.L1 {border: solid 1px red;}

<table class="L1">
    <tr><td class="L1">1行1列</td> <td>1行2列</td></tr>
    <tr><td class="L1">2行1列</td> <td>2行2列
    </td></tr>
</table>

1行1列	1行2列
2行1列	2行2列

td.W { width: 200px;}
td.H { height: 64px;}

第1行1列	第1行2列
第2行1列	第2行2列