CSSで縦書き

css

縦書き

  • 文章を縦書きにして右から左へ流す。

  • 縦書きの基本

    文章を縦書きにして右から左へ流す。

  • 111

  • 数字の回転

    二桁の数字など英数字を縦中横にしたいときはこちら。数字をspanで囲んでクラスを付与します。

  • CSSで英数字、すべて縦書きにしたい。
    アルファベットABCDE
    数字12345

  • 英数字、すべて縦書きにしたいときはこちら。IE, Edgeは対応していません。

  • センター揃えに
    したい

  • センター揃えにしたい

    親要素をtext-align:center;に変更します。

  • 縦書きを横書きに戻したい

  • 縦書きを横書きに戻したい

    PCでは縦書き、スマホでは横書きにしたい場合など。

-css

関連記事

CSS Transitionで手軽にアニメーションを取り入れたい

CSSのアニメーション、Transitionに変化を追加してオンマウスで滑らかに変化させたり、押す感を出せたり。これだけでちょっとインタラクティブなサイトになりますね!

CSS Animationでアニメーションを表現する

JavaScriptを使わずにCSSだけでアニメーションを表現!CSS Animationキーフレームは0%(アニメーションの開始)から100%(終わり)まで細かく指定できます。

cssで作るいろいろなグラデーション

鮮やかなグラデーションを取り入れたサイトをよく見ます。 様々なタイプのグラデーション記述方法をまとめてみました! グラデーションの種類 基本 グラデーションはbackgroundで指定します。先に書い …

隣接セレクタ・間接セレクタ・直下セレクタでCSSを記述したい

隣接セレクタ・間接セレクタ・直下セレクタとは? 隣接セレクタ 要素を結合子「+」でつなぎます。例えば要素A+要素Bの場合、要素Aと同じ階層にあるすぐ後の要素Bにスタイルがつきます。 間接セレクタ 要素 …

CSSで上下センター揃え

上下センター揃え フレックスボックス 「display: flex」を使います。

左右センターは「justify-content: c …

サイトに訪れていただきありがとうございます!このブログでは、調べたこと、試したことを次回スムーズに行うための覚え書きをアップしています。