縦書きその１

タイトルはもちろん、見出し、文章も、画像付き文章も、ナビゲーションも、すべて縦書きにすることはできます。

ただし、レスポンシブデザインのことを考えると、不可能ではないとしても、縦書きでのアプローチは非常にコーディングがむつかしくなります。

いずれ、その手法については、解説するとして、今回はアイキャッチのタイトルを縦書きにすることを、メインに解説します。

画像付き文章

タイトルはもちろん、見出し、文章も、画像付き文章も、すべて縦書きにすることができます。ただし、レスポンシブデザインのことを考えると、不可能ではないとしても、縦書きでのアプローチは非常にコーディングがむつかしくなります。
いずれ、その手法については、解説するとして、今回はアイキャッチのタイトルを縦書きにすることを、メインに解説します。

CSS

<style>

.cc-pagemode-default .jtpl-title .j-header{

margin:0 auto;

writing-mode: vertical-rl;

}

.cc-pagemode-default #content_area h1{

margin:0 auto;

writing-mode: vertical-rl;

}

</style>

縦書き その１

画像付き文章

CSS

縦書きその１