枠線なし sample1

border: none;

点線(丸い点線) sample2

border: 5px dotted #000000;

破線(四角い点線) sample3

border: 5px dashed #000000;

実線 sample4

border: 5px solid #000000;

二重線 sample5

border: 5px double #000000;

立体枠(窪み) sample6

border: 5px groove #000000;

立体枠(隆起) sample7

border: 5px ridge #000000;

立体枠(内側全体が窪み) sample8

border: 5px inset #000000;

立体枠(内側全体が隆起) sample9

border: 5px outset #000000;