2019年7月25日に登壇させていただいたCC道場「第269回 エバンジェリストに聞け! | InDesign、ワンクリックで実現できる見出しまわりの処理」で、ご紹介した内容をこちらにまとめておきます。
まず、[段落境界線]の使い方については「other No.04 段落境界線を活用する」「InDesign CS No.36 段落境界線を利用して囲み罫を作成する」を参照していただき、[段落の囲み罫と背景色]の使い方に関しては「InDesign CC 2018 No.01 段落の囲み罫と背景色」を参照してください。
ここでは、まず見出しまわりのテキストに対して適用できるInDesignの機能をご紹介します(下図)。ご覧いただけば分かるとおり、[段落境界線]や[段落の囲み罫と背景色]以外にも、[下線]や[打ち消し線]も併せて適用することが可能です。
![](https://study-room.info/archives/004/201907/477795d30681ca17c8fe5a350d474092.png)
これらすべての機能を適用した場合、「重なり順」は上から
・打ち消し線
・テキスト
・段落境界線(後境界線)
・段落境界線(前境界線)
・段落の囲み罫
・段落の背景色
となります。
※ただし、[下線]と[打ち消し線]は文字幅を超えて左右に伸ばすことはできません。
この動作を理解した上で、いくつかのサンプルの設定をご紹介しておきます。なお、やり方の正解は1つではなく、色々なやり方がありますので、あくまでも一例としてご覧下さい。
sample 01
この例では、[段落境界線]の「前境界線」と「後境界線」を使用しています。
![](https://study-room.info/archives/004/201907/5619b78f9e35b37117feb9e229e37250.png)
![](https://study-room.info/archives/004/201907/3c19a301b0d4493554950bdd7b2f3f29.png)
![](https://study-room.info/archives/004/201907/5db8a3ae4e631bcfc7620532b0065fae.png)
sample 02
この例では、[段落境界線]の「前境界線」と「後境界線」、[段落の囲み罫と背景色]の「背景色」を使用しています。
![](https://study-room.info/archives/004/201907/16bce89d9762dcfc5f175dd5d03feef5.png)
![](https://study-room.info/archives/004/201907/1c6632543aee6918e5d74e2f36cef97c.png)
![](https://study-room.info/archives/004/201907/d46af25cdfb199f890268cbdfedb2eee.png)
![](https://study-room.info/archives/004/201907/3d3ecbe607dd5b02815b36d0bae77778.png)
sample 03
この例では、[段落境界線]の「前境界線」と「後境界線」を使用しています。
![](https://study-room.info/archives/004/201907/c4326f5c6ab4d33cc01c44d3f7b4ecc0.png)
![](https://study-room.info/archives/004/201907/fdb15d16608f40d08b114f2a062b146b.png)
![](https://study-room.info/archives/004/201907/aed3beb126035a31ffac928e11889650.png)
sample 04
この例では、[段落境界線]の「前境界線」と「後境界線」、[段落の囲み罫と背景色]の「背景色」を使用しています。
![](https://study-room.info/archives/004/201907/9ac3728d5071b592fc08db1796bd8420.png)
![](https://study-room.info/archives/004/201907/6ce44d7156ef2e748128e579e6f0cf5a.png)
![](https://study-room.info/archives/004/201907/2c3c065b890157c28d87af382bcea462.png)
![](https://study-room.info/archives/004/201907/a4d4838b1a1a49ad48286b082e27da9b.png)
sample 05
この例では、[段落の囲み罫と背景色]の「囲み罫」と「背景色」を使用しています。
![](https://study-room.info/archives/004/201907/a8268582a9fe4af9deb19d7174cf0fc2.png)
![](https://study-room.info/archives/004/201907/7c83d29b5b4118f71954a8fe3a6bba28.png)
![](https://study-room.info/archives/004/201907/5b5a4bc1980ec0fe83057a22d0b7ca22.png)
sample 06
この例では、[段落境界線]の「前境界線」と「後境界線」、[段落の囲み罫と背景色]の「背景色」を使用しています。
![](https://study-room.info/archives/004/201907/a4622baa906d23a9a0e5d53bc4b3866b.png)
![](https://study-room.info/archives/004/201907/1e27266cbe5618341372924760da79b3.png)
![](https://study-room.info/archives/004/201907/bd0dfe6aa792f08a4e0dc82da64d86cf.png)
![](https://study-room.info/archives/004/201907/47db4ef15e7a6245fd4569ab95304b62.png)
sample 07
この例では、[段落境界線]の「前境界線」と「後境界線」、[段落の囲み罫と背景色]の「背景色」を使用しています。
![](https://study-room.info/archives/004/201907/679d3e5a318cbe12571e4a7f4023e269.png)
![](https://study-room.info/archives/004/201907/18619e0ec6e61778bf0cdf51a8eb2fdd.png)
![](https://study-room.info/archives/004/201907/f369d7e32e1b8cf5da8649eb53e46ae3.png)
![](https://study-room.info/archives/004/201907/ac390379fe05e48d3d13f06cfea3e2da.png)
sample 08
この例では、[段落境界線]の「後境界線」と[段落の囲み罫と背景色]の「背景色」を使用しています。なお、行頭の数字には先頭文字スタイルを適用しています。
![](https://study-room.info/archives/004/201907/01ce01991397e57fb1f28cc03c50c671.png)
![](https://study-room.info/archives/004/201907/0ea30cca2525564c5638f9f19ac0bdf2.png)
![](https://study-room.info/archives/004/201907/265de86d0348b5f60ff1a30c9dd137ce.png)
sample 09
この例では、[段落境界線]の「前境界線」と「後境界線」を使用しています。なお、行頭の数字には先頭文字スタイルを適用しています。
![](https://study-room.info/archives/004/201907/7853942ea3161bd1317d82310cd541ce.png)
![](https://study-room.info/archives/004/201907/58d8ad3092cdb7fe74277d7092d5d65e.png)
![](https://study-room.info/archives/004/201907/26984b69675cd002b3ac4a4f0b4e9716.png)
sample 10
この例では、[段落の囲み罫と背景色]の「囲み罫」と「背景色」を使用しています。
![](https://study-room.info/archives/004/201907/988f6157a3adc8c0a1685fe4ceb6ef66.png)
![](https://study-room.info/archives/004/201907/fda09e43063592594648de060917ae75.png)
![](https://study-room.info/archives/004/201907/6f319cccf7da99118421eed983933b44.png)
sample 11
この例では、[段落境界線]の「前境界線」と「後境界線」、[段落の囲み罫と背景色]の「背景色」を使用しています。
![](https://study-room.info/archives/004/201907/46107c14a1041b69b54069007d7c1b2e.png)
![](https://study-room.info/archives/004/201907/636a39b2b9d1835f26f7b5223e7fee9f.png)
![](https://study-room.info/archives/004/201907/fc7604adc3997cbae396bad0b69429a6.png)
![](https://study-room.info/archives/004/201907/ff8946d94147f171254d74b1290f7b4b.png)
sample 12
この例では、[段落境界線]の「前境界線」と「後境界線」、[下線]を使用しています。
![](https://study-room.info/archives/004/201907/1da22e80a295fe3ccd5dbcce3c38a19d.png)
![](https://study-room.info/archives/004/201907/0b35ffe8b83249115f48be553c94b1f7.png)
![](https://study-room.info/archives/004/201907/d3f8a2b82526be248a1194901f94983a.png)
![](https://study-room.info/archives/004/201907/3c5e72f8be3f9b8a67cba61fa8966b4b.png)