線
border-width･･･border-top-width，border-right-width，border-bottom-width，border-left-widthを設定する。
| 例） td { border-width: 10px 20px 30px 40px; } |
|
border-top-width･･･エレメント上側の枠線の幅を設定する（pxや%，thin, middle, thick）
| 例） td { border-top-width: 10px; } |
| |
border-right-width･･･エレメント右側の枠線の幅を設定する（pxや%，thin, middle, thick）
| 例） td { border-right-width: 10px; } |
| |
border-bottom-width･･･エレメント下側の枠線の幅を設定する（pxや%，thin, middle, thick）
| 例） td { border-bottom-width: 10px; } |
| |
border-left-width･･･エレメント左側の枠線の幅を設定する（pxや%，thin, middle, thick）
| 例） td { border-left-width: 10px; } |
|
border-color･･･border-top-color，border-right-color，border-bottom-color，border-left-colorを設定する。
| 例） td { border-color: blue red yellow green} |
|
border-top-color･･･エレメント上側の枠線の色を設定する
| 例） td { border-top-color: blue} |
| |
border-right-color･･･エレメント右側の枠線の色を設定する
| 例） td { border-right-color: blue} |
| |
border-bottom-color･･･エレメント下側の枠線の色を設定する
| 例） td { border-bottom-color: blue} |
| |
border-left-color･･･エレメント左側の枠線の色を設定する
| 例） td { border-left-color: blue} |
|
border-style･･･border-top-style，border-right-style，border-botto-style，border-left-styleを設定する。
| 例） td { border-style: double} |
|
border-top-style･･･エレメント上側の枠線の色を設定する
（none：線なし,dotted：点線，dashed：破線, solid：実線, double：二重線, groove：窪み線, ridge：隆起線, inset：内側線, outset：外側線）
| 例） td { border-top-style: double} |
| |
border-right-style･･･エレメント右側の枠線の色を設定する
（none：線なし,dotted：点線，dashed：破線, solid：実線, double：二重線, groove：窪み線, ridge：隆起線, inset：内側線, outset：外側線）
| 例） td { border-right-style: double} |
| |
border-bottom-style･･･エレメント下側の枠線の色を設定する
（none：線なし,dotted：点線，dashed：破線, solid：実線, double：二重線, groove：窪み線, ridge：隆起線, inset：内側線, outset：外側線）
| 例） td { border-bottom-style: double} |
| |
border-left-style･･･エレメント左側の枠線の色を設定する
（none：線なし,dotted：点線，dashed：破線, solid：実線, double：二重線, groove：窪み線, ridge：隆起線, inset：内側線, outset：外側線）
| 例） td { border-left-style: double} |
|
border･･･border-width，border-style，colorを設定する。
|
border-top･･･エレメント上側の枠線を設定する
| 例） td { border-top: 1px double blue} |
| |
border-right･･･エレメント右側の枠線を設定する
| 例） td { border-right: 1px double blue} |
| |
border-bottom･･･エレメント下側の枠線を設定する
| 例） td { border-bottom: 1px double blue} |
| |
border-left･･･エレメント左側の枠線を設定する
| 例） td { border-left: 1px double blue} |
|
|
スポンサードリンク
|
