CSSで文章を縦文字にする方法

お疲れさまです。hanawaです。

 

今日は弊社に事務員としてishiiさんが入社されました!これからよろしくお願いします!

今年に入ってから歓迎会祭りで、ほぼ毎回買い出しに行っているのですが、最近どのくらいの量を買えばいいのかがうまくなってきた気がします。

いつもちょっと多いくらいなのですが、皆さん残さずに食べてくれます(じゃんけんがほとんどですが・・・)

そんな私は歓迎会隊長になりました。

弊社は何かと隊長と言う名の役割を命名されるので、次はどなたがなんの隊長になるのかが楽しみです。

 

さて、本日のテーマはCSSで文章を縦文字にする方法です。

CSSで文章を縦文字にする方法

<p>弊社は<br>株式会社です</p>
p {
  writing-mode: vertical-rl;
}

こうすると以下のようになります▼

株弊
式社
会は


vertical-rlのrlright(右)→left(左)と言う意味なので、vertical-lrにするとleft(左)→right(右)になります。

ぜひ活用してみてください。

参考サイト:CSSで文章を縦書きにするプロパティをわかりやすく解説

 

本日もお疲れさまでした。来週もよろしくお願いします!

WEB制作・ITに関するお悩みや
ご質問等お気軽にご相談ください

contact

この記事の著者

高校卒業後、化粧品工場に正社員で入社。コロナ禍で仕事の稼働と給料が不安定になる。4年目でこのままでは良くないと感じたのと、目に見えるスキルが欲しいと思いWEBデザインを学び始める。3ヶ月間のオンラインスクールと卒業後の自己学習を経て、転職活動を行う。4年半勤めた工場を辞めて、社会人5年目にして初転職。現在WEBデザイナーとして働いている。

コメントする

関連記事