リッチカラム

目次

スタイル

デフォルト【初期値】

カラム

カラム

カラム

カラム

ボーダー

カラム

カラム

カラム

カラム

シャドウ

カラム

カラム

カラム

カラム

設定変更

横スクロールで表示する

スクロールできます

カラム

カラム

カラム

カラム

列数を変更する

カラム

カラム

カラム

カラム

カラム間の左右余白(margin)を変更する

例)0

カラム

カラム

カラム

例)0.75rem

カラム

カラム

カラム

例)3rem

カラム

カラム

カラム

カラム間の上下余白(margin)を変更する

例)0

カラム

カラム

カラム

カラム

例)0.75rem

カラム

カラム

カラム

カラム

例)3rem

カラム

カラム

カラム

カラム

カラム幅をデバイスごとに変更する

PC:50% / TB:40% / SP:30%

カラム

表示範囲に合わせて強制的に文字列を改行する

日本語だと変わりがない。

無指定

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。(青空文庫より)

チェック済

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。(青空文庫より)

無指定

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

チェック済

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

カラムごとにカスタムパディングを使用する

何に使えば効果的かなぁ。

0 + ボーダースタイル

タイトル

あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお

タイトル

あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお

タイトル

あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお

縦方向の揃え位置を変更する

中央揃え

カラム

カラム

カラム

下揃え

カラム

カラム

カラム

カスタマイズ

is-center

カラム

is-right

カラム

is-nowrap > is-fixed / is-expand

親:リッチカラムに.is-nowrapを設定、子:カラム項目に.is-fixed または.is-expandを設定

カラム

カラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラム

is-nowrap–sp > is-fixed–sp / is-expand–sp

カラム

カラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラム

is-nowrap–tb > is-fixed–tb / is-expand–tb

カラム

カラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラム

is-nowrap–pc > is-fixed–pc / is-expand–pc

カラム

カラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラムカラム

is-reverse

1

2

目次