ホームページ作成・HTML・アクセスアップ・スタイルシート・SEO・無料
ホームページ作成講座では、これからホームページを作成しようとしている人に、ホームページの作成方法を基本から、 HTML、スタイルシート、
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。

段落を縦書きにする


プロパティ writing-mode
値 tb-rl

スタイルシートで段落を縦書きにするするにはwriting-modeプロパティを使います。

値は縦書きの場合tb-rlを指定します。

表示例はこちら

ソース
<html>
<head>
<title>ホームページ作成・サンプル9</title>
<style type="text/css">
p { writing-mode:tb-rl; font-size:20pt; }
</style>
</head>
<body>
<p>
段落が縦書きになっています。<br>
あいうえお<br>
かきくけこ<br>
さしすせそ
</p>
<br><br>
<a href="../columnar.html">戻る</a>
<br><br>
<a href="../../../index.html">ホームページ作成・HTML</a>
</body>
</html>


<< 「段落の最初の一行の文字の大きさを指定する」へ    フィルタ効果の「文字を半透明にする」へ >>



ホームページ作成とHTML>>スタイルシートの書き方講座>>段落を縦書きにする

©Copyright Hiroto.A ホームページ作成とHTML初心者 All Rights Reserved