{"id":2695,"date":"2026-02-09T17:19:57","date_gmt":"2026-02-09T08:19:57","guid":{"rendered":"https:\/\/abridge-co.jp\/wp\/?p=2695"},"modified":"2026-02-09T17:19:57","modified_gmt":"2026-02-09T08:19:57","slug":"css%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%a7%e6%a8%aa%e3%81%ab%e6%b5%81%e3%82%8c%e3%82%8b%e6%96%87%e5%ad%97%e3%82%92%e4%bd%9c%e3%82%8b","status":"publish","type":"post","link":"https:\/\/abridge-co.jp\/wp\/2026\/02\/09\/css%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%a7%e6%a8%aa%e3%81%ab%e6%b5%81%e3%82%8c%e3%82%8b%e6%96%87%e5%ad%97%e3%82%92%e4%bd%9c%e3%82%8b\/","title":{"rendered":"css\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3067\u6a2a\u306b\u6d41\u308c\u308b\u6587\u5b57\u3092\u4f5c\u308b"},"content":{"rendered":"<p>css\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3067\u7c21\u5358\u306b\u6d41\u308c\u308b\u6587\u5b57\u3092\u4f5c\u308a\u307e\u3059\u3002<\/p>\n<h3>\u25a0\u5b8c\u6210\u7269<\/h3>\n<p class=\"codepen\" data-height=\"300\" data-theme-id=\"dark\" data-default-tab=\"result\" data-slug-hash=\"EaydBpY\" data-pen-title=\"css\u3060\u3051\u3067\u6d41\u308c\u308b\u6587\u5b57\" data-editable=\"true\" data-user=\"pochi__2828\" style=\"height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\">\n      <span>See the Pen <a href=\"https:\/\/codepen.io\/pochi__2828\/pen\/EaydBpY\"><br \/>\n  css\u3060\u3051\u3067\u6d41\u308c\u308b\u6587\u5b57<\/a> by matsu (<a href=\"https:\/\/codepen.io\/pochi__2828\">@pochi__2828<\/a>)<br \/>\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\n      <\/p>\n<p>      <script async src=\"https:\/\/public.codepenassets.com\/embed\/index.js\"><\/script><\/p>\n<h3>\u25a0\u89e3\u8aac<\/h3>\n<p>\u30d9\u30fc\u30b9\u3068\u306a\u308bHTML\u306b\u306f\u3001\u7121\u9650\u30eb\u30fc\u30d7\u306b\u3059\u308b\u305f\u3081\u306b\u30c6\u30ad\u30b9\u30c8\u30922\u56de\u8a18\u8ff0\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<br \/>\n\u305d\u306e\u30c6\u30ad\u30b9\u30c8\u3092flexbox\u3067\u6a2a\u4e26\u3073\u306b\u3057\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3067-50%\u79fb\u52d5\u3055\u305b\u308b\u3068\u7e70\u308a\u8fd4\u3057\u540c\u3058\u6587\u5b57\u304c\u6d41\u308c\u3066\u3044\u304d\u307e\u3059\u3002<br \/>\n\u30c6\u30ad\u30b9\u30c8\u306f\u5fc5\u305awhite-space: nowrap;\u3092\u8a2d\u5b9a\u3057\u3001\u6539\u884c\u304c\u5165\u3089\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>css\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3067\u7c21\u5358\u306b\u6d41\u308c\u308b\u6587\u5b57\u3092\u4f5c\u308a\u307e\u3059\u3002 \u25a0\u5b8c\u6210\u7269 See the Pen css\u3060\u3051\u3067\u6d41\u308c\u308b\u6587\u5b57 by matsu (@pochi__2828) on CodePen. \u25a0\u89e3\u8aac \u30d9\u30fc\u30b9\u3068\u306a\u308bHTML\u306b\u306f\u3001\u7121\u9650 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/abridge-co.jp\/wp\/2026\/02\/09\/css%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%a7%e6%a8%aa%e3%81%ab%e6%b5%81%e3%82%8c%e3%82%8b%e6%96%87%e5%ad%97%e3%82%92%e4%bd%9c%e3%82%8b\/\" class=\"more-link\"><span class=\"screen-reader-text\">&#8220;css\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3067\u6a2a\u306b\u6d41\u308c\u308b\u6587\u5b57\u3092\u4f5c\u308b&#8221; \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,4],"tags":[],"class_list":["post-2695","post","type-post","status-publish","format-standard","hentry","category-htmlcss","category-4"],"_links":{"self":[{"href":"https:\/\/abridge-co.jp\/wp\/wp-json\/wp\/v2\/posts\/2695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abridge-co.jp\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/abridge-co.jp\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/abridge-co.jp\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abridge-co.jp\/wp\/wp-json\/wp\/v2\/comments?post=2695"}],"version-history":[{"count":5,"href":"https:\/\/abridge-co.jp\/wp\/wp-json\/wp\/v2\/posts\/2695\/revisions"}],"predecessor-version":[{"id":2700,"href":"https:\/\/abridge-co.jp\/wp\/wp-json\/wp\/v2\/posts\/2695\/revisions\/2700"}],"wp:attachment":[{"href":"https:\/\/abridge-co.jp\/wp\/wp-json\/wp\/v2\/media?parent=2695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/abridge-co.jp\/wp\/wp-json\/wp\/v2\/categories?post=2695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/abridge-co.jp\/wp\/wp-json\/wp\/v2\/tags?post=2695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}