英語の縦書きルール徹底解説！1文字並べNGの理由とWord・CSS設定

和風のWebサイトやチラシ、書籍の装丁などを制作する際、日本語の縦書きレイアウトの中に英単語やアルファベットをどのように配置すべきか迷うケースは少なくありません。日本語の漢字や仮名と同じ感覚でアルファベットを1文字ずつ縦に並べてしまうと、単語として極めて認識しづらくなり、デザイン全体の洗練度を大きく損なう原因になります。

欧文には独自の視覚認知構造が存在し、縦書きの中で英語を扱う際には明確な組版ルールが存在します。タイポグラフィの基本原則から、Word、Illustrator、InDesignでの操作手順、CSSによるWeb実装まで、現場のプロが実践する美しい英語縦書きの技法を体系的に解説します。

📌 【この記事の重要ポイントまとめ】

• 要点1：英単語は1文字ずつ縦積みにせず「時計回りに90度回転」させて横書きのまま組むのが国際的・視覚的な基本原則。
• 要点2：2〜3文字の略語（AI、SNS、USAなど）や短い数字は「縦中横（たてちゅうよこ）」を適用し、長文や一般英単語は「90度回転」で使い分ける。
• 要点3：Word、CSS（writing-mode）、Adobeツール（Illustrator/InDesign）それぞれの仕様を理解することで、意図しない字崩れや可読性の低下を確実に防げる。

【基本ルール】英語の縦書きで「1文字ずつ並べる」のがNGとされる決定的な理由

縦書きの文章内でアルファベットを扱う際、初心者が最も陥りやすい失敗が「アルファベットを全角にして1文字ずつ上から下へ縦積み（スタッキング）にする」手法です。印刷業界や出版現場において、この配置は英語縦書きマナーとNG例の筆頭として挙げられます。

人間がアルファベットのテキストを読む際、1文字ずつの形状を個別に拾っているわけではありません。単語全体の輪郭（ワードシェイプ）やアセンダー（b, d, hなど上に伸びる線）、ディセンダー（p, q, yなど下に伸びる線）の連なりをひとまとまりのパターンとして瞬時に把握しています。アルファベットを1文字ずつ縦に積むと、この単語シルエットが完全に破壊され、読者は文字を1つずつ頭の中で再構築しなければならず、縦書きアルファベット可読性が著しく損なわれます。

国際的な出版規格や組版の標準規範において、縦書き文中の欧文はアルファベット縦書き向きを右へ倒す、すなわち「時計回りに90度回転」させて配置するのが鉄則です。これにより、読者は首をわずかに右へ傾けるだけで自然に横書きとして単語を認識でき、読書リズムを阻害されずに読み進められます。

【比較表】英語縦書きの主要3パターンと適切な使い分け

縦書き文書における英語の処理方法は、文字列の長さや文脈に応じて主に3つの形式に分類されます。それぞれの特性と推奨される用途を比較します。

長文の欧文が縦書き行の末尾に差し掛かる場合は、縦書き英文ハイフネーションの適切な処理が欠かせません。単語の途中で不自然に改行されるのを防ぐため、音節（シラブル）の区切り位置に正確なハイフン（-）を挿入し、意味の断絶を最小限に抑える設計が求められます。

【実態検証】背表紙やポスター制作の現場で起きるトラブルとマナー違反

出版印刷やパッケージデザインの現場検証において、最も議論と修正が頻発するのが背表紙英語縦書きデザインの向きに関する仕様です。

書籍の背表紙に英題を記載する場合、国際標準（ISO規格や欧米の出版慣行）では「背表紙を上から下に向かって読む（頭を右に倒して読む）」配置が定着しています。これは、本を平積みにして表紙を上に向けた際、背表紙の文字が自然に正立して読めるように設計されているためです。

国内の現場取材でも「反時計回りに倒して下から上へ読ませる配置にしてしまい、海外流通向けや書店配架時に重大なクレームとなった」という事例が確認されています。日本語の右綴じ・左綴じの違いによって背表紙のレイアウト基準は左右されますが、欧文タイトルを倒す向きは英語縦書き時計回り回転がグローバルスタンダードです。

【実践ガイド】主要ツール別・英語の縦書き設定手順

日常の文書作成からプロのデザイン業務まで、主要なソフトウェアおよびWebコーディングにおける具体的な設定手順を整理します。

1. Microsoft Wordでの設定手順

Word英語縦書き設定では、入力形式と段落機能の連動がポイントです。

• 英単語を90度回転させる場合：半角で英単語を入力すると、縦書きレイアウト設定時に自動的に時計回り90度回転の状態で配置されます。
• 縦中横設定方法：2〜3文字の半角英字（「AI」「DX」など）を選択し、リボンの「ホーム」タブ ＞ 「段落」グループにある「拡張書式」アイコン ＞ 「縦中横」をクリックして「OK」を選択します。

2. Web制作（CSS writing-mode）での実装コード

Webサイトで縦書きレイアウトを構築する際は、CSS縦書きwriting-modeプロパティを軸に設計します。

一般的な縦書きは親要素に writing-mode: vertical-rl; を指定します。その際、英単語の回転や縦中横は以下のプロパティで制御します。

• 英単語を90度回転（標準）：ブラウザのデフォルト挙動により、半角欧文は自動的に横倒しになります。明示的に指定する場合は text-orientation: mixed; を使用します。
• 短縮語を縦中横にする：対象の文字列を <span class="tcy">AI</span> のように囲み、CSSで .tcy { text-combine-upright: all; } を適用します。

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

グラフィックやDTP作業では、文字パネルの詳細設定を直接操作します。

• Illustrator英語縦書き：縦書き文字ツールで入力後、回転させたい文字を選択して文字パネルのオプションメニューから「欧文回転」を適用します。また、短縮語には「縦中横」を適用し、線の太さや字送りを微調整します。
• InDesign縦書き欧文設定：長文組版の最高峰であるInDesignでは、「文字」パネルの「縦中横設定」で文字サイズや上下左右のオフセット位置をミリ単位で制御可能です。段落スタイル内で「欧文回転」と「自動縦中横（設定文字数：2文字以下）」を事前定義しておくことで、組版オペレーションの大幅な効率化が図れます。

一般に知られていない盲点とネットの誤解｜頭字語・大文字・小文字の境界線

ネット上の簡易的な解説記事では「アルファベットは大文字なら縦に並べても違和感がない」と紹介されるケースが散見されますが、これはタイポグラフィの観点からは明確な誤解です。

大文字のみで構成された単語（例：APPLE、TOKYO）であっても、縦積みにすると文字同士の間隔（アキ）が間延びし、長方形の枠線のような視覚的ノイズを読者に与えます。大文字の縦積みが許容されるのは、頭文字を使った縦型アクロスティック装飾や、極めて特殊な看板デザインなどに限られます。

また、全角フォントに含まれるアルファベット（いわゆる全角英字）をそのまま縦書きに流し込むと、等幅の正方形マスの中央に各文字が不均等に配置され、単語としての一体感が完全に失われます。プロの現場では英語の縦書きルールに厳格に従い、原則として半角欧文フォントを使用し、90度回転または縦中横のいずれかを論理的に選定しています。

【プロの結論】失敗しない英語縦書きデザインの判断基準

視覚的ストレスを与えない縦書きレイアウトを成立させるための選定基準は極めてシンプルです。

• 回転（90度倒し）を選ぶべきケース：4文字以上の一般英単語、英文センテンス、URL、メールアドレス、洋書のタイトル表記。読者に「文章」として意味を把握させたいすべての場面。
• 縦中横を選ぶべきケース：2〜3文字の頭文字略語（IT, EU, UN, CEOなど）、2桁〜3桁の半角数字（2026年、第15回など）。文脈の流れの中で漢字や仮名と同等の1ブロックとして認識させたい場面。
• 完全に避けるべき配置：4文字以上の単語の1文字縦積み、長文の全角英字配置、4文字以上の無理な縦中横（文字が極小化し潰れてしまう現象）。

【英語 縦 書き】に関するよくある質問（FAQ）

Q1：Wordで縦書きにした際、半角英語がすべて横倒しになってしまいます。大文字2文字だけをまっすぐ立たせるにはどうすればよいですか？
A1：まっすぐ立たせたい半角英字（例：「PR」）をドラッグして選択し、「ホーム」タブの「拡張書式」メニューから「縦中横」を選択してください。ダイアログボックスで「行の幅に合わせる」にチェックを入れて「OK」を押すと、漢字1文字分の枠内に綺麗に正立します。

Q2：CSSで縦書きWebサイトを制作中、特定の英単語がブラウザによって直立したり倒れたりします。解決策はありますか？
A2：親要素に writing-mode: vertical-rl; を指定した上で、text-orientation: mixed; を設定してください。これにより全角文字は直立し、半角英数字は標準の時計回り90度回転で統一されます。正立させたい短い文字列にのみ text-combine-upright: all; を付与したクラスを指定するのが堅牢な手法です。

Q3：Illustratorで英語を縦書き入力したら、文字同士の隙間が広がりすぎて不格好になります。
A3：全角で入力されている可能性があります。半角で入力した上で、文字パネルの「文字回転」や「欧文回転」を適用し、カーニングを「メトリクス」または「オプティカル」に設定してください。必要に応じてトラッキング数値を詰めることで、引き締まった美しい単語レイアウトが完成します。

まとめ：読みやすさと美しさを両立する縦書きレイアウトの極意

縦書き日本語の中に英語を組み込む作業は、異なる文字体系の視覚ルールを調和させる高度なタイポグラフィ処理です。基本となる「長文・一般単語は時計回り90度回転」「短い略語は縦中横」というシンプルな原則を遵守するだけで、デザインの完成度と可読性は劇的に向上します。

ツールの自動機能に頼り切るのではなく、読者の視線誘導と認知負荷を考慮した最適な向きを選択し、美しく洗練されたレイアウトを実現してください。 （出典: 英語 縦 書き（Yahoo!ニュース））