罫線の色のテスト
31.broderコマンド(CSS)では、黄色っぽい一種類の罫線だけを掲載しましたが、影付きの罫線では、今ひとつ罫線のデザインがわかりにくいので、罫線の色を変えられるプログラムを作りました。
下側のテーブルから色を選択すると、罫線の色が変わりますので、線の色をチェックできます。
スタイル | 説明 | 罫線の太さ | |||||
---|---|---|---|---|---|---|---|
1px | 2px | 3px | 4px | 5px | 6px | ||
dotted | 点線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 |
dashed | 波線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 |
solid | 実線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 |
double | 二重線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 |
groove | 境界線がくぼむ影 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 |
ridge | 境界線が飛び出る影 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 |
inset | 線内側がくぼむ影 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 |
outset | 線内側が飛び出る影 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 | 罫線 |