parts.css利用
ボタン(.parts-btn)
オプション設定あり(スライド/フェード共通)
リンク要素にボタンが内包されている場合
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
スライド標準ボタン
複数ボタンが横並びの場合
デフォルト(中央表示)
左寄せ表示
右寄せ表示
flexbox(.parts-boxes)
標準タイプ
左揃え(デフォルト)
1行
box
box
box
複数行
box
box
box
box
box
box
box
box
box
box
box
box
box
両端揃え
1行
box
box
box
複数行
box
box
box
box
box
box
box
box
box
box
box
box
box
3列、4列固定限定(最終行を左寄せ)
box
box
box
box
box
box
box
box
box
box
box
box
box
box
中央揃え
1行
box
box
box
複数行
box
box
box
box
box
box
box
box
box
box
box
box
box
右揃え
1行
box
box
box
複数行
box
box
box
box
box
box
box
box
box
box
box
box
box
オプション 縦配置
子要素高さ揃え(デフォルト)
boxテキスト
boxテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
boxテキストテキストテキスト
子要素中央揃え
boxテキスト
boxテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
boxテキストテキストテキスト
子要素上揃え
boxテキスト
boxテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
boxテキストテキストテキスト
子要素下揃え
boxテキスト
boxテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
boxテキストテキストテキスト
オプション 並び順
要素設置順(デフォルト)
boxあああ
boxいいい
boxううう
要素逆順
横配置デフォルト
boxあああ
boxいいい
boxううう
横配置両端
boxあああ
boxいいい
boxううう
左右交互
1つ目
box1
box2
2つ目
box1
box2
3つ目
box1
box2
4つ目
box1
box2
オプション 簡易テーブル
横幅full
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
横幅half
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
横幅half
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
横幅auto
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
オプション モバイルでflexbox解除
タブレットのブレイクポイントで解除(デフォルト)
boxあああ
boxいいい
boxううう
タブレットのブレイクポイントで解除し、中央揃え(デフォルト)アイテム横幅50%
boxあああ
boxいいい
boxううう
タブレットのブレイクポイントで解除し、左揃え、アイテム横幅50%
boxあああ
boxいいい
boxううう
タブレットのブレイクポイントで解除し、右揃え、アイテム横幅50%
boxあああ
boxいいい
boxううう
スマホのブレイクポイントで解除(デフォルト)
boxあああ
boxいいい
boxううう
スマホのブレイクポイントで解除し、中央揃え(デフォルト)アイテム横幅50%
boxあああ
boxいいい
boxううう
スマホのブレイクポイントで解除し、左揃え、アイテム横幅50%
boxあああ
boxいいい
boxううう
スマホのブレイクポイントで解除し、右揃え、アイテム横幅50%
boxあああ
boxいいい
boxううう
タブ(.parts-tabs)
横タブ(デフォルト)
タブ1
タブ2
タブ1
タブ2
横タブ(スマホのブレイクポイントでタブを横スクロール)
タブ1
タブ2
タブ1
タブ2
横タブ(スマホのブレイクポイントでタブ幅均等)
タブ1
タブ2
タブ3
タブ1
タブ2
タブ3
縦タブ
タブ1
タブ2
タブ3
コンテンツ1
コンテンツ2
コンテンツ3
リスト(.parts-list)
リンクリスト
ブロックタイプ
インラインタイプ
ドット
- リストアイテム
- リストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテム
- リストアイテム
連番
- リストアイテム
- リストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテムリストアイテム
リストアイテム
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
dlテーブル(dl.parts-table)
基本
- 項目名
- テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
- 項目名
- テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
- 項目名
- テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
アコーディオン(.parts-accordions)
基本
タイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトル
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
タイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトル
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
画像(.parts-img)
単独画像
基本(中央揃え)
左揃え
右揃え
フィルター
基本(明るさ+透過)
ぼかし
コントラスト
グレースケール
色相回転
反転
透過度
彩度
セピア
ドロップシャドウ