CSS3逆引きリファレンス CSS3 Reference
CSS3の逆引きリファレンスです。
- ※ 対応ブラウザは掲載しておりません。
- ※ 不定期で更新を行っています。
基本
レイアウト
フレキシブル ボックス レイアウト
- フレキシブル・レイアウトの基本
- Flexアイテムの伸長率
- Flexアイテムの萎縮率
- Flexアイテムの基準幅
- Flexアイテム全体の主軸に沿った位置または余白を制御
- すべてのFlexアイテムの位置を変更
- Flexアイテムの位置を個別に変更
- Flexアイテムの折り返し
- Flexアイテムの向きと方向
- Flexアイテムが折り返された時の位置揃え
- Flexアイテムの並び順
- Flexを使ったカラムコンテンツ(一部固定)
- Flexを使った縦方向揃え
グリッドレイアウト
- グリッドレイアウトの基本
- 行列の配置および結合
- 行列の幅
- 幅を指定して列を定義
- 高さを指定して行を定義
- 名前を付けてグリッドを定義
- グリッドのエリアをラインで指定して定義
- グリッドアイテムの自動で並ぶ方向変更
- 行を軸に位置を設定
- 列を軸に位置を設定
- グリッドコンテナーの幅に合わせて繰り返して同じ幅を設定
- グリッドアイテム間の余白を調整
カラム
文字
- 表示領域の制御(1行に対する文章の省略)
- 表示領域の制御(複数行に対する文章の省略)
- 影(ドロップシャドウ)
- 枠線
- 英文の折り返しのハイフン処理
- 最終行の水平揃え
- 強調表示(テキスト上部にマークを表示)
- 文字(コンテンツ)の流れる方向
ルビ
背景、背景色
グラデーション
その他
ナビゲーション、メニュー
トランスフォーム(変形)
2Dトランスフォーム
3Dトランスフォーム
応用
アニメーション
フィルター
その他
効果
モバイル(スマートフォン)限定
その他