エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSで文章を縦書きにする方法をご紹介! - WEBCAMP MEDIA
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSで文章を縦書きにする方法をご紹介! - WEBCAMP MEDIA
プログラミング言語は元々英語をベースに発達したものが多く、HTMLも例外ではありません。 したがって、... プログラミング言語は元々英語をベースに発達したものが多く、HTMLも例外ではありません。 したがって、文章の表示も横書きが基本となっています。 しかし、日本語を使う以上は、縦書きで表現したいこともあると思います。 今回の記事では、CSSを使って文章を縦書きにする方法を紹介します。 基本:CSSで縦書きにする方法 CSSで縦書きを実現するためには、「writing-mode」プロパティを使用します。 writing-mode: vertical-rl; この指定をした部分が縦書きになります。 以下のサンプルでは「p」要素を縦書きに指定しています。 CSS p { writing-mode: vertical-rl; } HTML <p> 本日は晴天なり </p> <div>吾輩は猫である。名前はまだない</div> 中央揃えにしたい場合 writing-modeは、テキストの開始位置と方向を