ホーム 芸能ニュース・ゴシップ 縦書きの英語表記ルール完全解説!Word・CSS設定と美文字レイアウト術

縦書きの英語表記ルール完全解説!Word・CSS設定と美文字レイアウト術

黒田 圭介 黒田 圭介 • 更新: • 公開: • 読了約 15 分
目次

日本語の縦書き文書を作成する際、多くの執筆者やデザイナーを悩ませるのが「アルファベット(英単語・英文)をどのようにレイアウトすべきか」という問題です。小説の執筆、ビジネス文書、学術論文、パンフレット制作、さらにはWebデザインにおける縦書き実装まで、英単語や略語が混ざった瞬間にレイアウトの統一感が崩れてしまうケースは後を絶ちません。

文字を時計回りに回転させるべきか、縦中横(たてちゅうよこ)で1マスに収めるべきか、それとも1文字ずつ縦に並べるべきか——。出版・DTP業界の規格(JIS X 4051「日本語文書の組版方法」)や最新のWeb標準を踏まえ、視認性と美しさを両立させる英語の縦書き基本ルールと、Word・Illustrator・CSSでの具体的な実践テクニックを詳しく解説します。

【組版の基本】縦書き文書で英語はどう書く?迷いを断つ3大原則

縦書き英語

和文の縦書き文章の中に英文やアルファベットが混在する場合、基本となる表記パターンは大きく分けて「時計回りに90度回転(横倒し)」「縦中横(たてちゅうよこ)」「正立(そのまま縦並び)」の3種類しかありません。この3つの使い分け基準を理解するだけで、文書全体のレイアウトの迷いは劇的に解消されます。

出版印刷の標準規格であるJIS X 4051でも定義されている通り、もっとも優先されるのは「読者がストレスなく単語を認識できるか」という視覚的合理性です。それぞれの特性と適用基準は次の通りです。

① 時計回りに90度回転(横倒し配置)
4文字以上の英単語、フレーズ、英文全体を縦書きに組み込む場合の絶対的な基本形です。文字を右に90度傾けることで、読者は首をわずかに傾けるだけで通常の横書き英文と同じリズムで読むことができます。大文字・小文字が混ざる単語(「Apple」「Information」など)は、必ずこの形式を採用します。

② 縦中横(1文字分の正方形スペースに横並びで収める)
2〜3文字程度の略語(「AI」「EU」「SNS」「PR」「NHK」など)や、2桁までの数字(「15」「99」)に適した手法です。縦書きの流れを一切止めることなく、漢字やひらがなと同じ1文字分のリズムで視線移動できるため、新聞や雑誌の本文組版で最も頻繁に用いられます。

③ 正立(アルファベットを直立のまま配置)
アルファベット1文字だけを単独で使う場合(「ビタミンC」「A案とB案」など)に限って、全角文字としてそのまま正立させます。これ以外の用途で無理に文字を立たせると、単語のまとまりが崩壊するため注意が必要です。

英語の表記パターン比較|単語・略語・数字別の推奨レイアウト一覧

実務で頻出する表記パターンについて、組版基準と具体的な処理方法を表にまとめました。制作現場における判断の基準として活用してください。

対象・表記パターン 推奨される処理 一般的な基準(JIS規格・DTP規範) 編集部の見解・実務上の注意点
単独のアルファベット(1文字)
(例:ビタミンA、問B)
全角文字で正立 全角1文字として縦の流れに配置 半角文字をそのまま置くと左に寄るため、全角にするか縦中横で中央配置にする。
2〜3文字の大文字略語
(例:AI、DX、SDGs、USA)
半角文字で「縦中横」 半角2〜3字を1文字分の仮想ボディ内に収める 4文字(SDGsなど)はフォントの長体率により縦中横にするか横倒しにするか判断が分かれる。
英単語・4文字以上の語句
(例:Google、Internet、Tokyo)
時計回りに90度回転(横倒し) 半角欧文として扱い、右90度回転させて配置 全角で1文字ずつ縦に積むのは厳禁。語間スペースも半角を維持する。
アルファベットと数字の複合
(例:iPhone 16、3D、5G、MP3)
短いものは縦中横、長いものは90度回転 「3D」「5G」は縦中横。「iPhone 16」は全体を90度回転 「iPhone」と「16」で分割せず、固有名詞のひとかたまりとして一括回転させる。
英文・センテンス全体
(例:This is a pen.)
時計回りに90度回転 欧文行として扱い、縦行の中に横向きで進行 行長が長すぎる場合は、そこだけ横書きブロックとして独立させるレイアウトも検討。

【実務ガイド】Word・Illustrator・CSSでの具体的な設定手順

ルールを理解しても、制作ツールごとの設定方法が分からなければ意図したレイアウトは作れません。主要な3つの制作環境(Microsoft Word、Adobe Illustrator、Webブラウザ/CSS)における設定テクニックを整理します。

1. Microsoft Wordでの縦中横・英語向き設定

Wordで縦書き文書を作成している際、半角の「AI」や「24」が左に倒れてしまったり、不揃いになったりする場合は「拡張書式」から縦中横を適用します。

① 縦中横にしたい半角英数字(2〜3文字)をマウスでドラッグして選択します。
② 画面上部の「ホーム」タブ > 「段落」グループ > 「拡張書式」アイコン(「A」の上に左右矢印があるマーク)をクリックします。
③ ドロップダウンメニューから「縦中横(たてちゅうよこ)」を選択します。
④ ダイアログボックスで「行の幅に合わせる」にチェックが入っていることを確認し、「OK」をクリックします。

英単語全体を綺麗に横倒しにしたい場合は、半角でそのまま入力すればWordが自動的に90度回転した状態で配置します。全角で入力してしまうと直立してしまうため、必ず半角入力を徹底してください。

2. Adobe Illustrator / InDesignでのプロ設定

DTP・デザイン現場では、「文字」パネルおよび「OpenType」機能を駆使して緻密な調整を行います。

・縦中横の適用:テキストツールで対象文字を選択し、「文字」パネルのオプションメニュー(右上三本線)から「縦中横」にチェックを入れます。「縦中横設定」から上下左右のベースラインシフトや拡大縮小率(長体)を微調整できます。
・文字回転の解除・指定:特定の文字だけ向きを変えたい場合は、文字パネルの「文字回転」に「0°」または「90°」を入力して制御します。

3. CSS(Webデザイン)での「writing-mode」と「text-combine-upright」

Webサイトで日本語の縦書きを美しく実装する場合、CSSのプロパティ設定が鍵を握ります。

/* 基本の縦書き指定 /
.vertical-text {
 writing-mode: vertical-rl;
 text-orientation: mixed; / 和文は直立、半角欧文は90度回転 /
 font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
 line-height: 1.8;
}

/ 略語や2桁数字を縦中横にする指定 /
.tcy {
 text-combine-upright: all; / 指定した要素を1文字分の枠内に横並び配置 */
}

HTML側では、縦中横にしたい部分を<span class="tcy">AI</span>のようにマークアップします。text-orientation: mixed;がデフォルトで効いているため、半角英単語は自動的に90度時計回りに倒れ、理想的な組版が実現します。

【現場検証】プロの編集者・DTP現場が見た「やってはいけないNG表記」

印刷物やWebサイトの制作現場において、最も読者離脱や視覚的ノイズを引き起こしているのが「アルファベットを全角で1文字ずつ改行して縦に積む」という誤ったレイアウトです。

出版社の校閲記者やDTPオペレーターへのヒアリング調査でも、この「全角縦積み」は「最も可読性を破壊する悪手」として指摘されています。なぜ一文字ずつの改行がNGなのか、現場視点での理由は明確です。

理由1:単語の輪郭(ワードシェイプ)の喪失
人間が英文を読む際、一文字ずつアルファベットを追っているのではなく、単語全体のシルエットや文字の連続性(ディセンダーやアセンダーの高低差)を瞬時に認識しています。縦に並べられると脳内で文字を再構成する負荷がかかり、読解スピードが極端に低下します。

理由2:文字間の間延びとアキの不均衡
アルファベットの「I」や「l」、「T」などは文字幅が極端に狭いため、正方形の全角マスに入れると上下左右に過剰な空白が生まれます。結果として、文章全体にポッカリと穴が空いたような見苦しい余白が生じてしまいます。

理由3:大文字と小文字の段差による視線ブレ
「Apple」という単語を縦に積むと、「A」の重心と「p」「l」「e」の重心が左右にブレてしまい、美しい縦のライン(センターライン)が完全に崩壊します。見出しやキャッチコピーであっても、横倒しにするかカタカナ表記に置き換えるのがデザイン上の定石です。

一般に知られていない盲点とネットの誤解|「全角英数=縦書き用」は本当か?

インターネット上のQ&Aサイトや初心者向け解説で散見されるのが、「縦書きにする時は、半角ではなく全角英数を使えば文字が倒れずに綺麗に並ぶ」という言説です。しかし、これはDTP・組版の観点からも、デジタルアクセシビリティの観点からも明確な誤解です。

確かに全角アルファベットを使えば、Wordなどで自動的に文字が直立します。しかし、これは単に「全角文字(和文の漢字や仮名と同じマス目)として認識されている」だけであり、欧文としてのカーニング(文字間調整)やプロポーションは完全に失われます。

さらに深刻なのが、スクリーンリーダー(音声読み上げソフト)や検索エンジン(SEO)への悪影響です。全角で「Information」と入力されたテキストは、環境によって単語として正しく認識されず、「アイ・エヌ・エフ・オー...」と1文字ずつスペルアウト読み上げされてしまうトラブルが発生します。美しさとアクセシビリティを両立させるためには、「半角英数で入力し、適切な組版機能(回転または縦中横)で制御する」ことが必須条件となります。

【プロの結論】認知心理学・視線誘導から導く「美しい縦書き」の判断基準

認知心理学における「視線跳躍(サッカード)」のメカニズムから見ても、縦書き文書内の横倒し英語は非常に理にかなっています。縦書きを読む読者の視線は上から下へと流れますが、90度回転した英単語に差し掛かると、視線はそのまま自然に単語の先頭(左上)から末尾(右下)へと流れるため、読書リズムが破綻しません。

【判断基準】迷ったときのレイアウト選択フロー

【選択肢A:カタカナ表記への置き換えを最優先すべきケース】
ターゲット読者が高齢層や一般層である場合、また本文が純粋な日本語の文芸作品・公文書である場合は、無理に「AI」「Sustainability」と英字で表記せず、「エーアイ」「サステナビリティ」とカタカナに開くのが最も親切で美しい解決策です。

【選択肢B:縦中横にすべきケース】
「3文字以下のアルファベット略語」「2桁以内のアラビア数字」「アルファベット1文字+数字1文字(3G、4Kなど)」。これらは視覚的に正方形の中に心地よく収まるため、積極的に縦中横を活用します。

【選択肢C:90度横倒しにすべきケース】
「4文字以上のブランド名・サービス名(Amazon、YouTubeなど)」「学術用語・学名」「英文引用・URL・メールアドレス」。これらは一貫して半角で入力し、右に倒すことで世界基準の可読性を担保します。

【縦書きの英語表記】に関するよくある質問(FAQ)

Q1:英文が2〜3行にわたって長く続く場合、縦書きの中にどう配置すべきですか?
A1:長文の英語が続く場合は、縦書きの行の中に横倒しで無理に流し込むのではなく、その段落だけ「横書きのテキストボックスやブロック」として独立させるのが編集現場のスタンダードです。雑誌や専門書でも、英文引用部は枠で囲んで横書きにする手法が広く採用されています。

Q2:「e.g.」や「etc.」などの小文字の略語はどう表記するのが正解ですか?
A2:小文字の略語は縦中横にするとバランスが崩れやすいため、「時計回りに90度回転」させるか、日本語の文脈であれば「など」「例:」のように日本語へ言い換えるのが推奨されます。

Q3:Wordで縦中横を設定したら、文字が極端に小さく潰れて読みにくくなりました。
A3:文字数が4文字以上(例:COVID)の場合、1文字分の枠に収めようとして極端な長体(縮小)がかかります。3文字を超える英単語は縦中横を解除し、半角のまま90度回転(横倒し)で配置してください。

縦書き文書における英語表記の乱れは、文書全体の品位やプロフェッショナリズムを大きく損ねる要因となります。「1文字ずつ縦に積む」という悪手を排除し、「単語・長文は時計回りに90度回転」「短い略語は縦中横」「単独文字は全角正立」という鉄則を徹底するだけで、どのような媒体でも見違えるほど読みやすく美しいレイアウトが完成します。

Wordの拡張書式やCSSの縦書きプロパティを状況に応じて正しく使い分け、読者にとってストレスのない洗練されたドキュメントやWebデザインを形にしていきましょう。

同じカテゴリの記事

黒田 圭介

芸能取材歴10年のデスク。所属事務所の公式リリース、番組公式サイト、配信サービスの告知を一次情報として採用し、裏付けの取れない内容は記事にしていません。

おすすめの関連記事