Characters for creating borders.

A practical tool to find the codes of the framing characters: copy and paste the characters directly from this page or click to display their UTF code. Here are the styles we used to achieve the renders below:


	font-family:monospace;
	line-height:1;
	white-space:pre;
	/* And incidentally : */
	font-size:2rem;
	font-weight:bold;

Fine border


┌───┬───┐
│   │   │
├───┼───┤
│   │   │
└───┴───┘

Thick border⁽¹⁾


 ┏┳┓ 
 ┃┃┃ 
 ┣╋┫ 
 ┃┃┃ 
 ┗┻┛

Double border


╔═══╦═══╗
║   ║   ║
╠═══╬═══╣
║   ║   ║
╚═══╩═══╝

Mixed border


╒═══╤═══╕
│   │   │
╞═══╪═══╡
│   │   │
╘═══╧═══╛

Mixed border


╓───╥───╖
║   ║   ║
╟───╫───╢
║   ║   ║
╙───╨───╜

(1) The thick horizontal line (━) seems to pose a problem of width, and causes a shift of the frames.

Rounded edges


╭━━━╮ ╭╮ ╭╮
╰━━━╯ ┃┃ ╎╎
╭┄┄┄╮ ┃┃ ╎╎
╰┄┄┄╯ ┃┃ ╎╎
╭┈┈┈╮ ┃┃ ╎╎
╰┈┈┈╯ ╰╯ ╰╯

Diagonals


  ╱╳╲  
  ╲╳╱