罫線で枠をつくる

文字を入れると罫線の枠で囲みます。区切り線やツリーもそのままコピーできます。

枠で囲む

線の種類
貼る場所(幅の数え方)
揃え
  

X(Twitter)・LINE・Instagramでは枠が崩れます。そこに貼るなら1行の区切り線・見出し飾りへ。

貼る場所によって崩れるかどうか
貼り付け先何行もの枠1行の飾り
Discord・Slack(コードブロック ``` の中)○ 揃う(罫線=半角で作る)○
GitHub・README(コードブロックの中)○ 揃う(罫線=半角で作る)○
メモ帳・テキストファイル・ターミナル○ 等幅フォントなら揃う(フォントに合わせて全角/半角)○
Word・Excel・メール△ MSゴシックなど等幅フォントなら揃う○
X(Twitter)・Threads× 崩れる○
LINE・Instagram× 崩れる○

1行の区切り線・見出し飾り

1行で完結するので、X・LINE・Instagramに貼っても崩れません。

長さ
まん中の飾り

ツリー(├─ └─)をつくる

字下げした箇条書きを、フォルダ構成や組織図のツリーに変えます。字下げはスペース・タブ・全角スペースのどれでもかまいません。

幅の数え方は上の「貼る場所」と同じものを使います。

  

罫線素片を1文字ずつコピー

クリックでコピーします。ⓘ から1文字ごとの読み方・出し方のページへ移れます。

┌

罫線素片

─ 横罫線(細) ⓘ
━ 横罫線(太) ⓘ
│ 縦罫線(細) ⓘ
┃ 縦罫線(太) ⓘ
┄ 横破線(細) ⓘ
┅ 横破線(太) ⓘ
┆ 縦破線(細) ⓘ
┇ 縦破線(太) ⓘ
┈ 横点線(細) ⓘ
┉ 横点線(太) ⓘ
┊ 縦点線(細) ⓘ
┋ 縦点線(太) ⓘ
┌ 左上角(細) ⓘ
┐ 右上角(細) ⓘ
└ 左下角(細) ⓘ
┘ 右下角(細) ⓘ
├ 左端分岐(細) ⓘ
┤ 右端分岐(細) ⓘ
┬ 上端分岐(細) ⓘ
┴ 下端分岐(細) ⓘ
┼ 十字(細) ⓘ
┏ 左上角(太) ⓘ
┓ 右上角(太) ⓘ
┗ 左下角(太) ⓘ
┛ 右下角(太) ⓘ
┣ 左端分岐(太) ⓘ
┫ 右端分岐(太) ⓘ
┳ 上端分岐(太) ⓘ
┻ 下端分岐(太) ⓘ
╋ 十字(太) ⓘ
═ 横罫線(二重) ⓘ
║ 縦罫線(二重) ⓘ
╔ 左上角(二重) ⓘ
╗ 右上角(二重) ⓘ
╚ 左下角(二重) ⓘ
╝ 右下角(二重) ⓘ
╠ 左端分岐(二重) ⓘ
╣ 右端分岐(二重) ⓘ
╦ 上端分岐(二重) ⓘ
╩ 下端分岐(二重) ⓘ
╬ 十字(二重) ⓘ
╭ 左上角(丸) ⓘ
╮ 右上角(丸) ⓘ
╰ 左下角(丸) ⓘ
╯ 右下角(丸) ⓘ
╌ 横2点破線(細) ⓘ
╍ 横2点破線(太) ⓘ
╎ 縦2点破線(細) ⓘ
╏ 縦2点破線(太) ⓘ
█ 塗りつぶしブロック ⓘ
▓ 濃い網かけ ⓘ
▒ 中くらいの網かけ ⓘ
░ 薄い網かけ ⓘ
▰ 黒い平行四辺形(ゲージ) ⓘ
▱ 白い平行四辺形(ゲージ) ⓘ
検索結果が見つかりませんでした

🔒 枠やツリーはブラウザの中で作っています・入力した文字は送信されません

使い方

使い方

  1. 「枠で囲む」に文字を入れ、線の種類と貼る場所を選びます。プレビューを見ながら揃えや余白を調整し、「枠をコピー」で貼り付けます。
  2. X・LINEなど枠が崩れる場所には、「1行の区切り線・見出し飾り」から選んで貼ります。
  3. フォルダ構成や組織図は「ツリーをつくる」に字下げした箇条書きを入れると、├─ └─ │ を自動で組み立てます。

このページと記号ページの使い分け

このページは罫線を組み合わせて枠や線を作るためのページです。└ や ┏ など1文字の読み方・出し方を知りたいときは、 下の一覧の ⓘ から各記号のページ(例:└ の出し方・読み方)を開いてください。

枠がずれる理由

罫線素片は日本語のフォントでは全角(漢字と同じ幅)、英語の等幅フォントでは半角(英数字と同じ幅)で表示されます。 このページは半角を1、全角を2として幅を数え、絵文字(👨‍👩‍👧 や 🇯🇵 のような組み合わせ絵文字を含む)も見た目の1文字として数えて枠を組み立てます。 それでも、文字ごとに幅が違うフォント(プロポーショナルフォント)では揃えられません。

罫線を使ったテンプレート

表の形をした書類は、印刷用のツールで作ると早くて崩れません: 時間割・メニュー表・領収書・トーナメント表・対戦表。

よくある質問

罫線は「けいせん」で変換すると出ますか?
パソコンの日本語入力(Microsoft IME・Google日本語入力など)では「けいせん」と入力して変換すると ─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ と、太い ━ ┃ ┏ ┓ ┗ ┛ ┣ ┫ ┳ ┻ ╋ が候補に出ます。二重線(═ ║ ╔)や丸角(╭ ╮ ╰ ╯)は候補に出ないことが多いので、このページからコピーしてください。スマホは「けいせん」で出ないキーボードもあります。
X(Twitter)やLINEに貼ると枠がずれます。
X・LINE・Instagramは文字ごとに幅の違うフォント(プロポーショナルフォント)で表示されるため、何行にもまたがる枠はどうしても揃いません。1行で完結する区切り線(──── ◆ ────)や見出し飾り(▌お知らせ)を使うと崩れません。
Discord・Slack・GitHubでずれないようにするには?
コードブロック(``` で囲む)の中に貼り、このページの「幅の数え方」を「コードブロック・GitHub(罫線=半角)」にして作ってください。英語の等幅フォントでは罫線が半角幅で表示されるためです。日本語が混ざると、フォントによっては少しずれることがあります。
WordやExcelで枠を揃えるには?
フォントを「MS ゴシック」「BIZ UDゴシック」などの等幅フォントにして、「幅の数え方」を「メモ帳・Word(罫線=全角)」で作ってください。游ゴシックやメイリオなどのプロポーショナルフォントでは揃いません。
└ や ├ は何と読みますか?
決まった読み方はなく、まとめて「罫線(けいせん)」「罫線素片」と呼びます。1文字ずつは └ を「左下角」、├ を「左端分岐(T字)」のように形で呼ぶのが一般的です。個別の記号ページに読み方と出し方をまとめています。
シェア B!