Card Check Box

アイテムのページ (テストページ ｜ CSS Grid Layout)

概要

このページは CSS Grid Layout のテストページtest pageです。Firefox Nightly で実装が進んできたので試すことにしました。Google Chrome, Microsoft Edge や Vivaldi などでレイアウトが崩れる場合は chrome://flags, edge://flags や vivaldi://flags などで ｢開発中の試験運用版ウェブ プラットフォームの機能を有効にする｣(#enable-experimental-web-platform-features) を有効にしてください。

修正点

2021年6月17日
Apple Safari の安定版でも対応しているようなので、本番環境でも grid-gap から grid- を削除して gap としました。
2018年10月16日
gap properties の新しい仕様は Apple Safari 12 の安定版では非対応のようなので、本番環境の CSS の更新作業は Apple Safari の安定版が対応するまで延期することにしました。
2018年7月6日
gap properties の新しい仕様は Google Chrome 66.x、Mozilla Firefox 61.0、Microsoft Edge 42.x での対応を確認しました。Safari Technology Preview でも対応済みのようなので、本番環境の CSS の更新作業は Apple Safari 12 の安定版がリリースされ次第行う予定です。
2018年3月13日
仕様が更新されているようなので、grid-gap から grid- を削除して gap としました。現時点では非対応のブラウザが多いので、本番環境ではいまのところ導入する予定はありません。
2018年3月9日
マイナスマージンを利用した方法と見た目がまったく同じになりました。＠supports は廃止しました。本番環境ではいまのところ導入する予定はありません。
2016年1月31日
ページを作成しました。

参考にした記事

  1. ウェブ検索

互換性

仕様書

  1. ウェブ検索
  2. ウェブ検索

項目 (共通項)

発売元
(名称)
ジャンル
(ジャンル) ｜ (絵柄)
注釈： (テキスト)
サイズ
(サイズ)
収録された作品
  • 仮面ライダーkamen rider
注釈： (テキスト)
収録されたキャラクター
  • (キャラクター名)(ルビ)
注釈： (テキスト)
収録された人物
  • (未確認です)
  • (グループ名)(ルビ) (構成メンバーは名です)
    • (人物名)(ルビ)
    • (人物名)(ルビ)
    • (人物名)(ルビ)
    • (人物名)(ルビ)
    • (人物名)(ルビ)
    • (人物名)(ルビ)
    • (人物名)(ルビ)
    • (人物名)(ルビ)
    • (人物名)(ルビ)
    • (人物名)(ルビ)
注釈： (テキスト)
キーワード
  • キーワード

(タイトル)

発売日
20xx年xx月xx日
構成
[(種類数)]
ナンバリング
  • ｢｣： (カードの番号)
  • (-)
    • ｢｣： (カードの番号)
  • ｢｣： (カードの番号)
注釈： (テキスト)
発行形態
  • (テキスト)
  • (テキスト)
注釈： (テキスト)
注釈： (テキスト)
  • (テキスト)
  • (テキスト)
  • (テキスト)
  • (テキスト)
注釈： (テキスト)
注釈： (テキスト)

以降は発行されていません。