{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreiapz4sszypqj3rpisjicnxhvcq4mf4jm4dpyqduhmefzupz6e4b2e",
    "uri": "at://did:plc:3edw5qvtvdf24qxyhhwuqju2/app.bsky.feed.post/3mp5jjkegu6n2"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreicjir7fi6wmtsk6dvedc65rx7tbpypbk43z3o5wr2extmm44fig2a"
    },
    "mimeType": "image/png",
    "size": 128524
  },
  "path": "/articles/build-websites/operation/css/gap-decorations-used-css.html",
  "publishedAt": "2026-06-25T00:36:45.000Z",
  "site": "https://coliss.com",
  "tags": [
    "サイト構築 -CSS",
    "column-rule",
    "flexbox",
    "gap",
    "grid"
  ],
  "textContent": "この機能を待ち望んでいた人は、多いと思います！ 6月にアップデートされたChrome 149で、CSS GridやFlexboxのギャップをCSSで装飾できるようになりました。言い換えると、コンテナ間に区切り線をスタイル […]",
  "title": "CSSのこのプロパティを待っていた！ 疑似要素やボーダーを使用せずに、コンテナ間に区切り線を装飾できるようになります"
}