TRISITE CSS 5.0

数学的整合性とコンテナ指向が融合した、次世代の軽量コア。

MENU

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

階層連動スケーリング

第一階層のカード

ここが通常のフォントサイズです。角丸も標準の 20px ベースです。

入れ子のデモ

第二階層のカード

この中では文字サイズが 1/1.2 倍になり、角丸も自動的に鋭くなります。

第三階層

さらに凝縮されますが、下限(12px)で保護されます。

第三階層

さらに凝縮されますが、下限(12px)で保護されます。

サムネイル

セマンティック・フォーム

性別
興味のある分野
お問い合わせ内容
電話番号(正規表現パターン)

コンテンツ 1

質問1: 納期はどのくらいですか?

回答が入ります。

質問2: 支払方法は?

ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。

タイトル

ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。
ここにコンテンツが入ります。

タイトル

ここにコンテンツが入ります。