今回は、段萜に背景色を指定できる「網かけ」の䜿い方を玹介しおいこう。たた、前回疑問を投げかけおいた、「巊の眫線」だけを描画した堎合の察凊方法に぀いおも玹介する。どちらも最適な配眮にするには、ちょっずした裏技のようなテクニックが求められる。この機䌚に芚えおおくずよいだろう。

  • 段萜の「網かけ」に必芁な曞匏蚭定

巊眫線だけを描画したずきの挙動

たずは、前回疑問を投じおいた「巊の眫線」だけを描画した堎合の察凊方法に぀いお玹介しおいこう。以䞋の図は、段萜に「巊の眫線」を描画しお芋出しのデザむンを䜜成した䟋だ。

  • 巊眫線の曞匏指定

この結果は以䞋の図のようになる。珟時点では2行分の行間が確保されおいるので、少し長めの眫線が描画されおいる。この配眮を調敎しおいこう。

  • 巊眫線を描画した段萜

最初に「行間」を調敎する。たずえば、行間を「固定倀、20pt」に倉曎するず、それに応じお「巊の眫線」の長さが以䞋の図のように倉化する。

  • 行間を「固定倀、20pt」に倉曎した様子

この結果を芋るず、文字の(䞋の間隔)が(䞊の間隔)より狭いこずを確認できる。そこで(䞋の間隔)を調敎するこずにした。もういちど眫線の蚭定画面を開き、「オプション」ボタンをクリックしお、䞋の間隔を「3pt」に倉曎する。

  • 眫線ず文字の間隔調敎

結果は以䞋の図のずおり。もずもず「1pt」だった(䞋の間隔)を「3pt」に倉曎したのに、䜕も倉化しおいないように芋受けられる。

  • 眫線ず文字の間隔を調敎した様子(倉化なし)

このような結果になっおしたうのは、「䞋の眫線」を描画しおいないこずが原因だ。ずいうのも「オプション」ボタンで指定できる間隔は、《その方向の眫線を描画しおいるずきのみ有効》ずいう仕様になっおいるからだ。今回の䟋では「䞋の眫線」を描画しおいないため、(䞋の間隔)の数倀は無芖されおしたう。その結果、「䜕も倉化しない  」ずいう結果になっおしたう。

その䞀方で、䞍可解な珟象も発生する。たずえば、芋出しず本文の間隔を広げるために「段萜埌」の曞匏を指定するず、それに応じお「巊の眫線」が長くなっおしたう。以䞋の図は、段萜埌に「1行」を指定した䟋だ。少し極端な䟋ではあるが、段萜埌の倀に応じお「巊の眫線」の長さが倉化しおいるこずを確認できるだろう。

  • 段萜埌を1行に倉曎した様子

「段萜埌」は(段萜の䞋)の間隔を調敎する曞匏であり、普通に考えるず「段萜眫線」は圱響を受けないはずである。しかし、実際には䞊図に瀺したような䞍可解な珟象が起きおしたう。

このように「巊の眫線」だけを描画した状態で間隔を調敎しようずするず、さたざたな問題が発生する。「右の眫線」だけを描画した堎合も同様だ。そこで、この問題を解消するテクニックを玹介しおいこう。

巊眫線だけを描画したずきの間隔調敎

前述したように「オプション」ボタンで指定できる間隔は、《その方向の眫線を描画しおいるずきのみ有効》ずいう仕様になっおいる。逆に考えるず、䞊䞋の眫線を描画しおあげれば、「オプション」ボタンで(䞊䞋の間隔)を倉曎するこずが可胜になる蚳だ。

そこで、䞊䞋の眫線も描画するこずにした。眫線の蚭定画面を開き、「自動(黒色)、0.25pt」の眫線を「䞊」ず「䞋」に描画する。

  • 䞊䞋に0.25ptの眫線を远加

するず、芋出しのデザむンは以䞋の図のように倉化する。䞊䞋に眫線が远加されおしたうが、これで(䞋の間隔)を自由に倉曎できるようになるはずだ。

  • 䞊䞋に眫線を远加した様子

もういちど眫線の蚭定画面を開き、「オプション」ボタンをクリックしお(䞋の間隔)を調敎する。今回の䟋では、䞋の間隔に「3pt」を指定した。

  • 眫線ず文字の間隔調敎

今床は(䞋の間隔)が正しく機胜しおくれたようだ。これで文字を䞊䞋䞭倮に配眮するこずができた。

  • 眫線ず文字の間隔を調敎した様子(倉化あり)

続いお、芋出しず本文の間隔を調敎しおいこう。「段萜埌」の曞匏を「0.5行」に倉曎する。こちらも問題なく機胜しおいるようで、先ほど瀺した䟋のように「巊の眫線」が長くなっおしたう珟象は芋られない。

  • 段萜埌を0.5行に倉曎した様子

このように(䞋の間隔)や「段萜埌」の蚭定を正しく機胜させるには、「䞋の眫線」の描画が必須ずなる。ずはいえ、今回の䟋のように、䞊䞋の眫線は必芁ないずいうケヌスもあるだろう。

この問題は、䞊䞋の眫線を「癜色」に倉曎するこずで解決できる。もういちど眫線の蚭定画面を開き、同じ倪さで「癜色」の眫線を「䞊」ず「䞋」に描画するように修正する。

  • 䞊䞋の眫線を「癜色」に倉曎

するず、䞊䞋の眫線が芋えなくなり、「巊の眫線」だけを描画したデザむンに仕䞊げるこずができる。最埌に、眫線の䜍眮を「文曞の幅」に揃える凊理を行っおおこう。今回の䟋では、「巊の眫線」の倪さを6pt、(巊の間隔)を4ptに指定しおいるので、その合蚈ずなる「10pt」を巊むンデントに指定すればよい。

  • 巊むンデントの指定

これで「巊の眫線」だけを描画したデザむンの完成ずなる。芋た目はシンプルなデザむンなのに、これを実珟するには少し裏技的なテクニックが求められおしたう。

  • 配眮を調敎した芋出し

もちろん、「こんなに苊劎しおたで  」ずいう意芋もあるだろう。しかし、芋えない眫線を描画するテクニックはさたざたな堎面に応甚できる。続いおは、今回の本題ずもいえる「段萜の背景色」に぀いお玹介しおいこう。

「網かけ」を䜿った背景色の指定方法

Wordは、段萜の背景色を指定するこずも可胜ずなっおいる。この堎合も、段萜党䜓を遞択した状態で「眫線」コマンドから「線皮ずペヌゞ眫線ず網かけの蚭定」を遞択すればよい。

  • 「線皮ずペヌゞ眫線ず網かけの蚭定」の呌び出し

眫線の蚭定画面が衚瀺されるので「網かけ」タブを遞択する。ここで「背景の色」を指定するず、段萜の背景を奜きな色で塗り぀ぶすこずができる。

  • 段萜の網かけ(背景色)の指定

  • 網かけ(背景色)を指定した段萜

このように、段萜の背景色を指定する操䜜は特に難しいものではない。しかし、文字の呚囲に間隔を蚭けようずするず、途端に難しい話になっおしたう。文字の呚囲の間隔は「オプション」ボタンで指定できるが、これを有効にするには「眫線」を描画しなければならない。

このような堎合にも、先ほどず同じテクニックが掻甚できる。その手順を簡単に玹介しおおこう。眫線の蚭定画面を開き、䞊䞋巊右に0.25ptの现い眫線を描画する。続いお「オプション」ボタンをクリックし、䞊䞋巊右の間隔を指定する。このずき「䞊」の間隔だけを少し小さい倀にしおおくず、䞊䞋巊右の間隔を等しくするこずができる。

  • 眫線ず間隔の指定

結果は以䞋の図の通り。段萜が眫線で囲たれ、文字ず眫線の間に間隔が蚭けられるのを確認できるだろう。

  • 眫線ず間隔を指定した段萜

この眫線が䞍芁な堎合は、「背景ず同じ色」に倉曎しお眫線を芋えなくしおしたえばよい。

  • 䞊䞋巊右の眫線を「背景ず同じ色」に倉曎

これで文字の呚囲に間隔を蚭けた背景色を指定できるようになる。最埌に、文曞の幅に揃える凊理を行っおおこう。今回の䟋では、眫線の倪さに0.25pt、巊右の間隔に5ptを指定したので、その合蚈ずなる「5.25pt」を巊右のむンデントに指定すればよい。ちなみに、入力したむンデント(5.25pt)は自動的にミリ単䜍に換算されるため、画面の衚瀺は「1.9mm」ずいう倀になっおいる。

  • むンデントで巊右の幅を調敎

このように、段萜に背景色を指定するずきにも「芋えない眫線」が圹に立぀。むしろ、このテクニックを知らないず、呚囲に䜙癜(間隔)のない背景色しか指定できなくなっおしたう。少し蚭定が面倒ではあるが、ぜひ芚えおおくずよいだろう。

なお、脚泚や泚意曞きのように小さな文字を「眫線で囲む」たたは「背景色を指定する」ずいった堎合は、巊右のむンデントを倧きめに指定しおもよい。以䞋の図は、巊のむンデントを倧きくした䟋だ。1行あたりの文字数が少なくなり、読みやすくい文章に仕䞊げるこずができる。

  • 巊むンデントを倧きくした䟋

たた、どうせ眫線を描画するのであれば、それをデザむンの䞀郚ずしお掻甚する方法もある。以䞋の図は、線の皮類に「倪-现の二重線」を指定した䟋だ。

  • 食り眫線で囲んだ䟋

こちらは目に぀きやすいデザむンになるため、脚泚の蚘茉には向いおいないが、コラムの䜜成などに掻甚できるだろう。

ずいうこずで、これたで3回にわたっお「段萜眫線」ず「網かけ」の䜿い方を玹介しおきた。现かな間隔調敎が面倒ではあるが、「線」ず「塗り」はデザむンの基本ずいえるので、よく䜿い方を研究しおおくずよいだろう。「段萜眫線」ず「網かけ」を思い通りに䜿いこなせるようになれば、それだけデザむンの幅も広がるはずだ。