{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreiftuasvf7simjok4ypcu4oynsuel7lmnu2pl4owmfqp33ebrawbk4",
    "uri": "at://did:plc:3edw5qvtvdf24qxyhhwuqju2/app.bsky.feed.post/3mphlft2um6d2"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreifwzgtqymiod3tgx5f6rhn27q3thlik6oejeekgqfmmve6zm22q6e"
    },
    "mimeType": "image/gif",
    "size": 354693
  },
  "path": "/articles/build-websites/operation/css/connecting-circles-with-border-shape.html",
  "publishedAt": "2026-06-29T00:36:53.000Z",
  "site": "https://coliss.com",
  "tags": [
    "サイト構築 -CSS",
    "border-shape"
  ],
  "textContent": "CSSで2つの円を線でつなぐボーダーを実装できると思いますか？ 可能になりました！ Chrome 147+のアップデートでサポートされたborder-shapeプロパティを使用すると、ボーダーにあらゆる形状（多角形・円な […]",
  "title": "CSSはどんどん進化している！ border-shapeプロパティを使うとボーダーをあらゆる形状に実装できます"
}