◆線のスタイルを指定する方法 実行結果

1本の実線  border-style: solid;
2本の実線  border-style: double;
破線  border-style: dashed;
点線  border-style: dotted;
立体的な谷型の線  border-style: groove;
立体的な山型の線  border-style: ridge;
囲まれた部分が凹んで見える立体的な線  border-style: inset;
囲まれた部分が浮きで見える立体的な線  border-style: outset;
線の太さ:4px、上:2本線、右:点線、左:立体線 border-style: double dotted solid ridge;