{"id":1600,"date":"2021-12-21T00:03:49","date_gmt":"2021-12-20T15:03:49","guid":{"rendered":"https:\/\/ysfarm.jp\/blog\/?p=1600"},"modified":"2022-04-21T12:41:19","modified_gmt":"2022-04-21T03:41:19","slug":"box%e8%a6%81%e7%b4%a0%e3%81%ae%e4%b8%ad%e3%81%a7%e7%94%bb%e5%83%8f%e3%82%92%e4%b8%ad%e5%bf%83%e3%81%ab%e7%bd%ae%e3%81%8d%e3%81%9f%e3%81%84css","status":"publish","type":"post","link":"https:\/\/ysfarm.jp\/blog\/2021\/12\/21\/box%e8%a6%81%e7%b4%a0%e3%81%ae%e4%b8%ad%e3%81%a7%e7%94%bb%e5%83%8f%e3%82%92%e4%b8%ad%e5%bf%83%e3%81%ab%e7%bd%ae%e3%81%8d%e3%81%9f%e3%81%84css\/","title":{"rendered":"Box\u8981\u7d20\u306e\u4e2d\u3067\u753b\u50cf\u3092\u4e2d\u5fc3\u306b\u7f6e\u304d\u305f\u3044CSS"},"content":{"rendered":"<p>Box\u8981\u7d20\u306e\u4e2d\u3067\u753b\u50cf\u3092\u4e2d\u5fc3\u306b\u7f6e\u304d\u305f\u3044\u5834\u5408\u3002<\/p>\n<p>HTML<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;box&quot;&gt;\r\n   &lt;img class=&quot;centeringImage&quot; src=&quot;.\/images\/sampleImage.png&quot; \/&gt;\r\n&lt;\/div&gt;\r\n}\r\n<\/pre>\n<p>CSS<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\n.centeringImage {\r\ndisplay:block;\r\nposition:absolute;\r\ntop:50%;\r\nleft:50%;\r\ntransform: translate(-50%, -50%);\r\nmax-width:50vw;\r\nmargin:auto;\r\n}\r\n<\/pre>\n<p>position:absolute;<br \/>\ntop:50%;<br \/>\nleft:50%;<br \/>\n\u3053\u308c\u3060\u3051\u3060\u3068\u753b\u50cf\u306e\u5de6\u4e0a\u304cBOX\u306e\u4e2d\u5fc3\u306b\u6765\u308b\u306e\u3067transform\u3067\u753b\u50cf\u309250%\u305a\u3089\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Box\u8981\u7d20\u306e\u4e2d\u3067\u753b\u50cf\u3092\u4e2d\u5fc3\u306b\u7f6e\u304d\u305f\u3044\u5834\u5408\u3002 HTML &lt;div class=&quot;box&quot;&gt; &lt;img class=&quot;centeringImage&quot; src=&#038;quo [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":63,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"vkexunit_cta_each_option":"","footnotes":""},"categories":[395],"tags":[],"class_list":["post-1600","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css"],"_links":{"self":[{"href":"https:\/\/ysfarm.jp\/blog\/wp-json\/wp\/v2\/posts\/1600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ysfarm.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ysfarm.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ysfarm.jp\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ysfarm.jp\/blog\/wp-json\/wp\/v2\/comments?post=1600"}],"version-history":[{"count":1,"href":"https:\/\/ysfarm.jp\/blog\/wp-json\/wp\/v2\/posts\/1600\/revisions"}],"predecessor-version":[{"id":1601,"href":"https:\/\/ysfarm.jp\/blog\/wp-json\/wp\/v2\/posts\/1600\/revisions\/1601"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ysfarm.jp\/blog\/wp-json\/wp\/v2\/media\/63"}],"wp:attachment":[{"href":"https:\/\/ysfarm.jp\/blog\/wp-json\/wp\/v2\/media?parent=1600"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ysfarm.jp\/blog\/wp-json\/wp\/v2\/categories?post=1600"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ysfarm.jp\/blog\/wp-json\/wp\/v2\/tags?post=1600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}