Специальные символы HTML: Box Drawing

Block elements

Symbol
HTML Code
HTML Entity
CSS Code
Hex Code
Unicode
Description
HTML CODE▀
ENTITY▀
CSS CODE\2580
HEX CODE▀
UNICODEU+02580
upper half block
HTML CODE▁
ENTITY
CSS CODE\2581
HEX CODE▁
UNICODEU+02581
lower one eighth block
HTML CODE▂
ENTITY
CSS CODE\2582
HEX CODE▂
UNICODEU+02582
lower one quarter block
HTML CODE▃
ENTITY
CSS CODE\2583
HEX CODE▃
UNICODEU+02583
lower three eighths block
HTML CODE▄
ENTITY▄
CSS CODE\2584
HEX CODE▄
UNICODEU+02584
lower half block
HTML CODE▅
ENTITY
CSS CODE\2585
HEX CODE▅
UNICODEU+02585
lower five eighths block
HTML CODE▆
ENTITY
CSS CODE\2586
HEX CODE▆
UNICODEU+02586
lower three quarters block
HTML CODE▇
ENTITY
CSS CODE\2587
HEX CODE▇
UNICODEU+02587
lower seven eighths block
HTML CODE█
ENTITY█
CSS CODE\2588
HEX CODE█
UNICODEU+02588
full block
HTML CODE▉
ENTITY
CSS CODE\2589
HEX CODE▉
UNICODEU+02589
left seven eighths block
HTML CODE▊
ENTITY
CSS CODE\258A
HEX CODE▊
UNICODEU+0258A
left three quarters block
HTML CODE▋
ENTITY
CSS CODE\258B
HEX CODE▋
UNICODEU+0258B
left five eighths block
HTML CODE▌
ENTITY
CSS CODE\258C
HEX CODE▌
UNICODEU+0258C
left half block
HTML CODE▍
ENTITY
CSS CODE\258D
HEX CODE▍
UNICODEU+0258D
left three eighths block
HTML CODE▎
ENTITY
CSS CODE\258E
HEX CODE▎
UNICODEU+0258E
left one quarter block
HTML CODE▏
ENTITY
CSS CODE\258F
HEX CODE▏
UNICODEU+0258F
left one eighth block
HTML CODE▐
ENTITY
CSS CODE\2590
HEX CODE▐
UNICODEU+02590
right half block
HTML CODE▔
ENTITY
CSS CODE\2594
HEX CODE▔
UNICODEU+02594
upper one eighth block
HTML CODE▕
ENTITY
CSS CODE\2595
HEX CODE▕
UNICODEU+02595
right one eighth block

Diagonals

Symbol
HTML Code
HTML Entity
CSS Code
Hex Code
Unicode
Description
HTML CODE╱
ENTITY
CSS CODE\2571
HEX CODE╱
UNICODEU+02571
box drawings light diagonal upper right to lower left
HTML CODE╲
ENTITY
CSS CODE\2572
HEX CODE╲
UNICODEU+02572
box drawings light diagonal upper left to lower right
HTML CODE╳
ENTITY
CSS CODE\2573
HEX CODE╳
UNICODEU+02573
box drawings light diagonal cross

Heavy lines

Symbol
HTML Code
HTML Entity
CSS Code
Hex Code
Unicode
Description
HTML CODE━
ENTITY
CSS CODE\2501
HEX CODE━
UNICODEU+02501
box drawings heavy horizontal
HTML CODE┃
ENTITY
CSS CODE\2503
HEX CODE┃
UNICODEU+02503
box drawings heavy vertical
HTML CODE┏
ENTITY
CSS CODE\250F
HEX CODE┏
UNICODEU+0250F
box drawings heavy down and right
HTML CODE┓
ENTITY
CSS CODE\2513
HEX CODE┓
UNICODEU+02513
box drawings heavy down and left
HTML CODE┗
ENTITY
CSS CODE\2517
HEX CODE┗
UNICODEU+02517
box drawings heavy up and right
HTML CODE┛
ENTITY
CSS CODE\251B
HEX CODE┛
UNICODEU+0251B
box drawings heavy up and left
HTML CODE┣
ENTITY
CSS CODE\2523
HEX CODE┣
UNICODEU+02523
box drawings heavy vertical and right
HTML CODE┫
ENTITY
CSS CODE\252B
HEX CODE┫
UNICODEU+0252B
box drawings heavy vertical and left
HTML CODE┳
ENTITY
CSS CODE\2533
HEX CODE┳
UNICODEU+02533
box drawings heavy down and horizontal
HTML CODE┻
ENTITY
CSS CODE\253B
HEX CODE┻
UNICODEU+0253B
box drawings heavy up and horizontal
HTML CODE╋
ENTITY
CSS CODE\254B
HEX CODE╋
UNICODEU+0254B
box drawings heavy vertical and horizontal

Light and double lines

Symbol
HTML Code
HTML Entity
CSS Code
Hex Code
Unicode
Description
HTML CODE╒
ENTITY╒
CSS CODE\2552
HEX CODE╒
UNICODEU+02552
box drawings down single and right double
HTML CODE╓
ENTITY╓
CSS CODE\2553
HEX CODE╓
UNICODEU+02553
box drawings down double and right single
HTML CODE╔
ENTITY╔
CSS CODE\2554
HEX CODE╔
UNICODEU+02554
box drawings double down and right
HTML CODE╕
ENTITY╕
CSS CODE\2555
HEX CODE╕
UNICODEU+02555
box drawings down single and left double
HTML CODE╖
ENTITY╖
CSS CODE\2556
HEX CODE╖
UNICODEU+02556
box drawings down double and left single
HTML CODE╗
ENTITY╗
CSS CODE\2557
HEX CODE╗
UNICODEU+02557
box drawings double down and left
HTML CODE╘
ENTITY╘
CSS CODE\2558
HEX CODE╘
UNICODEU+02558
box drawings up single and right double
HTML CODE╙
ENTITY╙
CSS CODE\2559
HEX CODE╙
UNICODEU+02559
box drawings up double and right single
HTML CODE╚
ENTITY╚
CSS CODE\255A
HEX CODE╚
UNICODEU+0255A
box drawings double up and right
HTML CODE╛
ENTITY╛
CSS CODE\255B
HEX CODE╛
UNICODEU+0255B
box drawings up single and left double
HTML CODE╜
ENTITY╜
CSS CODE\255C
HEX CODE╜
UNICODEU+0255C
box drawings up double and left single
HTML CODE╝
ENTITY╝
CSS CODE\255D
HEX CODE╝
UNICODEU+0255D
box drawings double up and left
HTML CODE╞
ENTITY╞
CSS CODE\255E
HEX CODE╞
UNICODEU+0255E
box drawings vertical single and right double
HTML CODE╟
ENTITY╟
CSS CODE\255F
HEX CODE╟
UNICODEU+0255F
box drawings vertical double and right single
HTML CODE╠
ENTITY╠
CSS CODE\2560
HEX CODE╠
UNICODEU+02560
box drawings double vertical and right
HTML CODE╡
ENTITY╡
CSS CODE\2561
HEX CODE╡
UNICODEU+02561
box drawings vertical single and left double
HTML CODE╢
ENTITY╢
CSS CODE\2562
HEX CODE╢
UNICODEU+02562
box drawings vertical double and left single
HTML CODE╣
ENTITY╣
CSS CODE\2563
HEX CODE╣
UNICODEU+02563
box drawings double vertical and left
HTML CODE╤
ENTITY╤
CSS CODE\2564
HEX CODE╤
UNICODEU+02564
box drawings down single and horizontal double
HTML CODE╥
ENTITY╥
CSS CODE\2565
HEX CODE╥
UNICODEU+02565
box drawings down double and horizontal single
HTML CODE╦
ENTITY╦
CSS CODE\2566
HEX CODE╦
UNICODEU+02566
box drawings double down and horizontal
HTML CODE╧
ENTITY╧
CSS CODE\2567
HEX CODE╧
UNICODEU+02567
box drawings up single and horizontal double
HTML CODE╨
ENTITY╨
CSS CODE\2568
HEX CODE╨
UNICODEU+02568
box drawings up double and horizontal single
HTML CODE╩
ENTITY╩
CSS CODE\2569
HEX CODE╩
UNICODEU+02569
box drawings double up and horizontal
HTML CODE╪
ENTITY╪
CSS CODE\256A
HEX CODE╪
UNICODEU+0256A
box drawings vertical single and horizontal double
HTML CODE╫
ENTITY╫
CSS CODE\256B
HEX CODE╫
UNICODEU+0256B
box drawings vertical double and horizontal single
HTML CODE╬
ENTITY╬
CSS CODE\256C
HEX CODE╬
UNICODEU+0256C
box drawings double vertical and horizontal

Light and heavy dashed lines

Symbol
HTML Code
HTML Entity
CSS Code
Hex Code
Unicode
Description
HTML CODE┄
ENTITY
CSS CODE\2504
HEX CODE┄
UNICODEU+02504
box drawings light triple dash horizontal
HTML CODE┅
ENTITY
CSS CODE\2505
HEX CODE┅
UNICODEU+02505
box drawings heavy triple dash horizontal
HTML CODE┆
ENTITY
CSS CODE\2506
HEX CODE┆
UNICODEU+02506
box drawings light triple dash vertical
HTML CODE┇
ENTITY
CSS CODE\2507
HEX CODE┇
UNICODEU+02507
box drawings heavy triple dash vertical
HTML CODE┈
ENTITY
CSS CODE\2508
HEX CODE┈
UNICODEU+02508
box drawings light quadruple dash horizontal
HTML CODE┉
ENTITY
CSS CODE\2509
HEX CODE┉
UNICODEU+02509
box drawings heavy quadruple dash horizontal
HTML CODE┊
ENTITY
CSS CODE\250A
HEX CODE┊
UNICODEU+0250A
box drawings light quadruple dash vertical
HTML CODE┋
ENTITY
CSS CODE\250B
HEX CODE┋
UNICODEU+0250B
box drawings heavy quadruple dash vertical
HTML CODE╌
ENTITY
CSS CODE\254C
HEX CODE╌
UNICODEU+0254C
box drawings light double dash horizontal
HTML CODE╍
ENTITY
CSS CODE\254D
HEX CODE╍
UNICODEU+0254D
box drawings heavy double dash horizontal
HTML CODE╎
ENTITY
CSS CODE\254E
HEX CODE╎
UNICODEU+0254E
box drawings light double dash vertical
HTML CODE╏
ENTITY
CSS CODE\254F
HEX CODE╏
UNICODEU+0254F
box drawings heavy double dash vertical

Light and heavy half lines

Symbol
HTML Code
HTML Entity
CSS Code
Hex Code
Unicode
Description
HTML CODE╴
ENTITY
CSS CODE\2574
HEX CODE╴
UNICODEU+02574
box drawings light left
HTML CODE╵
ENTITY
CSS CODE\2575
HEX CODE╵
UNICODEU+02575
box drawings light up
HTML CODE╶
ENTITY
CSS CODE\2576
HEX CODE╶
UNICODEU+02576
box drawings light right
HTML CODE╷
ENTITY
CSS CODE\2577
HEX CODE╷
UNICODEU+02577
box drawings light down
HTML CODE╸
ENTITY
CSS CODE\2578
HEX CODE╸
UNICODEU+02578
box drawings heavy left
HTML CODE╹
ENTITY
CSS CODE\2579
HEX CODE╹
UNICODEU+02579
box drawings heavy up
HTML CODE╺
ENTITY
CSS CODE\257A
HEX CODE╺
UNICODEU+0257A
box drawings heavy right
HTML CODE╻
ENTITY
CSS CODE\257B
HEX CODE╻
UNICODEU+0257B
box drawings heavy down
HTML CODE╼
ENTITY
CSS CODE\257C
HEX CODE╼
UNICODEU+0257C
box drawings light left and heavy right
HTML CODE╽
ENTITY
CSS CODE\257D
HEX CODE╽
UNICODEU+0257D
box drawings light up and heavy down
HTML CODE╾
ENTITY
CSS CODE\257E
HEX CODE╾
UNICODEU+0257E
box drawings heavy left and light right
HTML CODE╿
ENTITY
CSS CODE\257F
HEX CODE╿
UNICODEU+0257F
box drawings heavy up and light down

Light and heavy solid lines

Symbol
HTML Code
HTML Entity
CSS Code
Hex Code
Unicode
Description
HTML CODE┍
ENTITY
CSS CODE\250D
HEX CODE┍
UNICODEU+0250D
box drawings down light and right heavy
HTML CODE┎
ENTITY
CSS CODE\250E
HEX CODE┎
UNICODEU+0250E
box drawings down heavy and right light
HTML CODE┑
ENTITY
CSS CODE\2511
HEX CODE┑
UNICODEU+02511
box drawings down light and left heavy
HTML CODE┒
ENTITY
CSS CODE\2512
HEX CODE┒
UNICODEU+02512
box drawings down heavy and left light
HTML CODE┕
ENTITY
CSS CODE\2515
HEX CODE┕
UNICODEU+02515
box drawings up light and right heavy
HTML CODE┖
ENTITY
CSS CODE\2516
HEX CODE┖
UNICODEU+02516
box drawings up heavy and right light
HTML CODE┙
ENTITY
CSS CODE\2519
HEX CODE┙
UNICODEU+02519
box drawings up light and left heavy
HTML CODE┚
ENTITY
CSS CODE\251A
HEX CODE┚
UNICODEU+0251A
box drawings up heavy and left light
HTML CODE┝
ENTITY
CSS CODE\251D
HEX CODE┝
UNICODEU+0251D
box drawings vertical light and right heavy
HTML CODE┞
ENTITY
CSS CODE\251E
HEX CODE┞
UNICODEU+0251E
box drawings up heavy and right down light
HTML CODE┟
ENTITY
CSS CODE\251F
HEX CODE┟
UNICODEU+0251F
box drawings down heavy and right up light
HTML CODE┠
ENTITY
CSS CODE\2520
HEX CODE┠
UNICODEU+02520
box drawings vertical heavy and right light
HTML CODE┡
ENTITY
CSS CODE\2521
HEX CODE┡
UNICODEU+02521
box drawings down light and right up heavy
HTML CODE┢
ENTITY
CSS CODE\2522
HEX CODE┢
UNICODEU+02522
box drawings up light and right down heavy
HTML CODE┥
ENTITY
CSS CODE\2525
HEX CODE┥
UNICODEU+02525
box drawings vertical light and left heavy
HTML CODE┦
ENTITY
CSS CODE\2526
HEX CODE┦
UNICODEU+02526
box drawings up heavy and left down light
HTML CODE┧
ENTITY
CSS CODE\2527
HEX CODE┧
UNICODEU+02527
box drawings down heavy and left up light
HTML CODE┨
ENTITY
CSS CODE\2528
HEX CODE┨
UNICODEU+02528
box drawings vertical heavy and left light
HTML CODE┩
ENTITY
CSS CODE\2529
HEX CODE┩
UNICODEU+02529
box drawings down light and left up heavy
HTML CODE┪
ENTITY
CSS CODE\252A
HEX CODE┪
UNICODEU+0252A
box drawings up light and left down heavy
HTML CODE┭
ENTITY
CSS CODE\252D
HEX CODE┭
UNICODEU+0252D
box drawings left heavy and right down light
HTML CODE┮
ENTITY
CSS CODE\252E
HEX CODE┮
UNICODEU+0252E
box drawings right heavy and left down light
HTML CODE┯
ENTITY
CSS CODE\252F
HEX CODE┯
UNICODEU+0252F
box drawings down light and horizontal heavy
HTML CODE┰
ENTITY
CSS CODE\2530
HEX CODE┰
UNICODEU+02530
box drawings down heavy and horizontal light
HTML CODE┱
ENTITY
CSS CODE\2531
HEX CODE┱
UNICODEU+02531
box drawings right light and left down heavy
HTML CODE┲
ENTITY
CSS CODE\2532
HEX CODE┲
UNICODEU+02532
box drawings left light and right down heavy
HTML CODE┵
ENTITY
CSS CODE\2535
HEX CODE┵
UNICODEU+02535
box drawings left heavy and right up light
HTML CODE┶
ENTITY
CSS CODE\2536
HEX CODE┶
UNICODEU+02536
box drawings right heavy and left up light
HTML CODE┷
ENTITY
CSS CODE\2537
HEX CODE┷
UNICODEU+02537
box drawings up light and horizontal heavy
HTML CODE┸
ENTITY
CSS CODE\2538
HEX CODE┸
UNICODEU+02538
box drawings up heavy and horizontal light
HTML CODE┹
ENTITY
CSS CODE\2539
HEX CODE┹
UNICODEU+02539
box drawings right light and left up heavy
HTML CODE┺
ENTITY
CSS CODE\253A
HEX CODE┺
UNICODEU+0253A
box drawings left light and right up heavy
HTML CODE┽
ENTITY
CSS CODE\253D
HEX CODE┽
UNICODEU+0253D
box drawings left heavy and right vertical light
HTML CODE┾
ENTITY
CSS CODE\253E
HEX CODE┾
UNICODEU+0253E
box drawings right heavy and left vertical light
HTML CODE┿
ENTITY
CSS CODE\253F
HEX CODE┿
UNICODEU+0253F
box drawings vertical light and horizontal heavy
HTML CODE╀
ENTITY
CSS CODE\2540
HEX CODE╀
UNICODEU+02540
box drawings up heavy and down horizontal light
HTML CODE╁
ENTITY
CSS CODE\2541
HEX CODE╁
UNICODEU+02541
box drawings down heavy and up horizontal light
HTML CODE╂
ENTITY
CSS CODE\2542
HEX CODE╂
UNICODEU+02542
box drawings vertical heavy and horizontal light
HTML CODE╃
ENTITY
CSS CODE\2543
HEX CODE╃
UNICODEU+02543
box drawings left up heavy and right down light
HTML CODE╄
ENTITY
CSS CODE\2544
HEX CODE╄
UNICODEU+02544
box drawings right up heavy and left down light
HTML CODE╅
ENTITY
CSS CODE\2545
HEX CODE╅
UNICODEU+02545
box drawings left down heavy and right up light
HTML CODE╆
ENTITY
CSS CODE\2546
HEX CODE╆
UNICODEU+02546
box drawings right down heavy and left up light
HTML CODE╇
ENTITY
CSS CODE\2547
HEX CODE╇
UNICODEU+02547
box drawings down light and up horizontal heavy
HTML CODE╈
ENTITY
CSS CODE\2548
HEX CODE╈
UNICODEU+02548
box drawings up light and down horizontal heavy
HTML CODE╉
ENTITY
CSS CODE\2549
HEX CODE╉
UNICODEU+02549
box drawings right light and left vertical heavy
HTML CODE╊
ENTITY
CSS CODE\254A
HEX CODE╊
UNICODEU+0254A
box drawings left light and right vertical heavy
HTML CODE╋
ENTITY
CSS CODE\254B
HEX CODE╋
UNICODEU+0254B
box drawings heavy vertical and horizontal

Light arcs

Symbol
HTML Code
HTML Entity
CSS Code
Hex Code
Unicode
Description
HTML CODE╭
ENTITY
CSS CODE\256D
HEX CODE╭
UNICODEU+0256D
box drawings light arc down and right
HTML CODE╮
ENTITY
CSS CODE\256E
HEX CODE╮
UNICODEU+0256E
box drawings light arc down and left
HTML CODE╯
ENTITY
CSS CODE\256F
HEX CODE╯
UNICODEU+0256F
box drawings light arc up and left
HTML CODE╰
ENTITY
CSS CODE\2570
HEX CODE╰
UNICODEU+02570
box drawings light arc up and right

Light lines

Symbol
HTML Code
HTML Entity
CSS Code
Hex Code
Unicode
Description
HTML CODE─
ENTITY─
CSS CODE\2500
HEX CODE─
UNICODEU+02500
box drawings light horizontal
HTML CODE│
ENTITY│
CSS CODE\2502
HEX CODE│
UNICODEU+02502
box drawings light vertical
HTML CODE┌
ENTITY┌
CSS CODE\250C
HEX CODE┌
UNICODEU+0250C
box drawings light down and right
HTML CODE┐
ENTITY┐
CSS CODE\2510
HEX CODE┐
UNICODEU+02510
box drawings light down and left
HTML CODE└
ENTITY└
CSS CODE\2514
HEX CODE└
UNICODEU+02514
box drawings light up and right
HTML CODE┘
ENTITY┘
CSS CODE\2518
HEX CODE┘
UNICODEU+02518
box drawings light up and left
HTML CODE├
ENTITY├
CSS CODE\251C
HEX CODE├
UNICODEU+0251C
box drawings light vertical and right
HTML CODE┤
ENTITY┤
CSS CODE\2524
HEX CODE┤
UNICODEU+02524
box drawings light vertical and left
HTML CODE┬
ENTITY┬
CSS CODE\252C
HEX CODE┬
UNICODEU+0252C
box drawings light down and horizontal
HTML CODE┴
ENTITY┴
CSS CODE\2534
HEX CODE┴
UNICODEU+02534
box drawings light up and horizontal
HTML CODE┼
ENTITY┼
CSS CODE\253C
HEX CODE┼
UNICODEU+0253C
box drawings light vertical and horizontal

Shade block characters

Symbol
HTML Code
HTML Entity
CSS Code
Hex Code
Unicode
Description
HTML CODE░
ENTITY░
CSS CODE\2591
HEX CODE░
UNICODEU+02591
light shade, 25%
HTML CODE▒
ENTITY▒
CSS CODE\2592
HEX CODE▒
UNICODEU+02592
medium shade, speckles fill, dotted fill, 50%
HTML CODE▓
ENTITY▓
CSS CODE\2593
HEX CODE▓
UNICODEU+02593
dark shade, 75%

Terminal graphic characters

Symbol
HTML Code
HTML Entity
CSS Code
Hex Code
Unicode
Description
HTML CODE▖
ENTITY
CSS CODE\2596
HEX CODE▖
UNICODEU+02596
quadrant lower left
HTML CODE▗
ENTITY
CSS CODE\2597
HEX CODE▗
UNICODEU+02597
quadrant lower right
HTML CODE▘
ENTITY
CSS CODE\2598
HEX CODE▘
UNICODEU+02598
quadrant upper left
HTML CODE▙
ENTITY
CSS CODE\2599
HEX CODE▙
UNICODEU+02599
quadrant upper left and lower left and lower right
HTML CODE▚
ENTITY
CSS CODE\259A
HEX CODE▚
UNICODEU+0259A
quadrant upper left and lower right
HTML CODE▛
ENTITY
CSS CODE\259B
HEX CODE▛
UNICODEU+0259B
quadrant upper left and upper right and lower left
HTML CODE▜
ENTITY
CSS CODE\259C
HEX CODE▜
UNICODEU+0259C
quadrant upper left and upper right and lower right
HTML CODE▝
ENTITY
CSS CODE\259D
HEX CODE▝
UNICODEU+0259D
quadrant upper right
HTML CODE▞
ENTITY
CSS CODE\259E
HEX CODE▞
UNICODEU+0259E
quadrant upper right and lower left
HTML CODE▟
ENTITY
CSS CODE\259F
HEX CODE▟
UNICODEU+0259F
quadrant upper right and lower left and lower right

Источник

Больше интересного в телеграм @calcsbox
Поделитесь с другими:

Если материал понравился Вам и оказался для Вас полезным, поделитесь им со своими друзьями!

Читать по теме
Интересные статьи