ICS MEDIAの記事「gapに線をひきたい! gridとflexに罫線を入れられる新しいCSS」で紹介しているデモのソースコードです。 ビルド不要の素のHTML / CSSで書かれています。
本記事のデモは、Chrome・Edge 149以上 でご覧ください。
| ページ | 内容 | 記事の対応セクション |
|---|---|---|
| ./demo/01/index.html | rule のデモ |
基本的な使い方 |
| ./demo/02/index.html | rule-break のデモ |
基本的な使い方 |
| ./demo/03/index.html | rule-inset のデモ |
基本的な使い方 |
| ./demo/04/index.html | rule-visibility-items のデモ |
基本的な使い方 |
| ./demo/05/index.html | rule-overlap のデモ |
基本的な使い方 |
| ./demo/link-list/index.html | リンク集 作例 | 作例 |
| ./demo/news/index.html | お知らせ 作例 | 作例 |
| ./demo/schedule/index.html | スケジュール表 作例 | 作例 |
このリポジトリのコードはMIT Licenseです。