飾り枠の記号 ╔ ═ ╗

╔ ═ ╗ ║ のような角と辺の文字をコピーして文字を囲むか、できあいの上下の枠を使えます。上の線を貼り、次に文字、最後に対応する下の線を貼り付けてください。

入力方法 52個の記号

枠の角と辺27

枠の上と下16

おしゃれな枠9

╔の入力方法

コピペ

をクリックしてコピーし、Ctrl + V(Macは⌘ + V)またはスマホでは長押しで貼り付けます。

Windows

Altを押したままテンキーで201を入力し(NumLockをオン)、Altを離します。

Microsoft Wordでは、2554と入力してAlt + Xを押します。

Mac

Control + ⌘ + Spaceを押して文字ビューアを開き、「box drawings double down and right」を検索します。

iPhoneとAndroid

ここでコピーして貼り付けてください。後でまた入力するには、ユーザー辞書に登録しましょう(iPhone:設定 › 一般 › キーボード › ユーザ辞書、Gboard:設定 › 辞書 › 単語リスト)。

HTMLとCSS

Unicode U+2554。すべての形式はbox drawings double down and rightのページにあります。

飾り枠の記号のコード一覧

記号名前UnicodeHTMLAltコード
box drawings double down and right U+2554 ╔ Alt 201
box drawings double down and left U+2557 ╗ Alt 187
box drawings double up and right U+255A ╚ Alt 200
box drawings double up and left U+255D ╝ Alt 188
box drawings double horizontal U+2550 ═ Alt 205
box drawings double vertical U+2551 ║ Alt 186
box drawings double vertical and right U+2560 ╠ Alt 204
box drawings double vertical and left U+2563 ╣ Alt 185
box drawings double down and horizontal U+2566 ╦ Alt 203
box drawings double up and horizontal U+2569 ╩ Alt 202
box drawings double vertical and horizontal U+256C ╬ Alt 206
box drawings heavy down and right U+250F ┏ –
box drawings heavy down and left U+2513 ┓ –
box drawings heavy up and right U+2517 ┗ –
box drawings heavy up and left U+251B ┛ –
box drawings heavy horizontal U+2501 ━ –
box drawings heavy vertical U+2503 ┃ –
box drawings light down and right U+250C ┌ Alt 218
box drawings light down and left U+2510 ┐ Alt 191
box drawings light up and right U+2514 └ Alt 192
box drawings light up and left U+2518 ┘ Alt 217
box drawings light horizontal U+2500 ─ Alt 196
box drawings light vertical U+2502 │ Alt 179
box drawings light arc down and right U+256D ╭ –
box drawings light arc down and left U+256E ╮ –
box drawings light arc up and right U+2570 ╰ –
box drawings light arc up and left U+256F ╯ –

テキストの枠の作り方

テキストの枠は1行ずつ作ります。╔═══════╗ のような上の枠を貼り付け、テキストの各行の最初と最後に║を付け、╚═══════╝ のような下の枠で締めます。角は線のスタイルに合わせる必要があります。╔ ╗ ╚ ╝ は二重線の═ ║、┏ ┓ ┗ ┛ は太線の━ ┃、丸い角の╭ ╮ ╰ ╯ は細い─ │ と組み合わせます。

サイドの線がそろうのは、すべての文字が同じ幅の場合だけで、つまり等幅フォントの場合です。Discordでは、枠全体をコードブロック(前後に3つのバッククォート)で囲むと、完璧に見えます。Instagram、TikTok、ほとんどのSNSアプリのフォントはプロポーショナルなので、上と下の枠だけを使い、サイドの線は省いてください。

罫線文字の解説

これらの文字は、Unicodeの 罫線素片(Box Drawing) ブロック(U+2500〜U+257F)のものです。起源はDOSコンピューターのテキストモード画面にさかのぼります。コードページ437に、ウィンドウやメニューを描くための線と角が入っていたため、今でも多くにWindowsのAltコードがあります。Alt + 201 ╔、Alt + 187 ╗、Alt + 200 ╚、Alt + 188 ╝、Alt + 205 ═、Alt + 186 ║ です。

角のほかに、このブロックにはT字の接続部(╠ ╣ ╦ ╩ と ├ ┤ ┬ ┴)や十字(╬ ┼)もあり、枠をセクションに分けたり、表を描いたりするのに使えます。ブロック要素の▛ ▜ ▙ ▟ は、ドット絵風の太い枠を作れます。

枠のアイデア

やわらかくエモい雰囲気にしたいなら、短い引用文の上下に、波形の︶︶︶やレース風の꒷꒦︶の枠を使います。Discordサーバーで目立つお知らせを出すなら、太い ┏━━┓ の枠を試してみてください。上下のパーツをそろえたほうが、スタイルを混ぜるよりいつも洗練されて見えます。

セクション間の1本線は区切り線の記号、小さな箱やチェックボックスは箱の記号のページ、縦線や横線だけなら線の記号をご覧ください。

よくある質問

Instagramでテキストを枠で囲むには?

テキストの上の行に上の枠、下の行にそろいの下の枠を貼り付けます。Instagramのフォントでは線がそろわないので、サイドの線は省いてください。

枠の線がそろわないのはなぜですか?

罫線がそろうのは、すべての文字が同じ幅の等幅フォントだけです。Discordではコードブロックを使い、それ以外の場所では上と下の枠だけにしてください。

╔のAltコードは?

Altを押しながらテンキーで201を入力すると╔になります。ほかの二重線の角は、Alt + 187 ╗、Alt + 200 ╚、Alt + 188 ╝ です。