{"id":3147,"date":"2016-03-20T10:00:01","date_gmt":"2016-03-20T01:00:01","guid":{"rendered":"http:\/\/www.dream-net.org\/blog\/?p=3147"},"modified":"2016-04-06T17:38:23","modified_gmt":"2016-04-06T08:38:23","slug":"%e3%80%90css3%e3%80%91%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ab%e6%ac%a0%e3%81%8b%e3%81%9b%e3%81%aa%e3%81%84flexbox%e3%81%ae%e4%bd%bf-2","status":"publish","type":"post","link":"https:\/\/dream-net.org\/blog\/?p=3147","title":{"rendered":"\u3010CSS3\u3011\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6Web\u30c7\u30b6\u30a4\u30f3\u306b\u6b20\u304b\u305b\u306a\u3044Flexbox\u306e\u4f7f\u3044\u65b9\u2461"},"content":{"rendered":"<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#CSS3WebFlexbox\"><span class=\"toc_number toc_depth_1\">1<\/span> \u3010CSS3\u3011\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6Web\u30c7\u30b6\u30a4\u30f3\u306b\u6b20\u304b\u305b\u306a\u3044Flexbox\u306e\u4f7f\u3044\u65b9\u2461<\/a><ul><li><a href=\"#Flex_container\"><span class=\"toc_number toc_depth_2\">1.1<\/span> Flex container<\/a><\/li><\/ul><\/li><li><a href=\"#i\"><span class=\"toc_number toc_depth_1\">2<\/span> \u57fa\u672c\u306e\u4f7f\u3044\u65b9<\/a><ul><li><a href=\"#display\"><span class=\"toc_number toc_depth_2\">2.1<\/span> display:<\/a><\/li><\/ul><\/li><li><a href=\"#flex_item\"><span class=\"toc_number toc_depth_1\">3<\/span> flex item\u306e\u4e26\u3076\u65b9\u5411\u3092\u5909\u3048\u308b<\/a><ul><li><a href=\"#flex-direction\"><span class=\"toc_number toc_depth_2\">3.1<\/span> flex-direction<\/a><\/li><\/ul><\/li><li><a href=\"#flex_item-2\"><span class=\"toc_number toc_depth_1\">4<\/span> flex item\u306e\u4f4d\u7f6e\u3092\u5909\u3048\u308b<\/a><ul><li><a href=\"#justify-content\"><span class=\"toc_number toc_depth_2\">4.1<\/span> justify-content<\/a><\/li><\/ul><\/li><li><a href=\"#i-2\"><span class=\"toc_number toc_depth_1\">5<\/span> \u7e26\u4f4d\u7f6e\u3092\u5909\u3048\u308b<\/a><ul><li><a href=\"#align-items\"><span class=\"toc_number toc_depth_2\">5.1<\/span> align-items<\/a><\/li><\/ul><\/li><li><a href=\"#i-3\"><span class=\"toc_number toc_depth_1\">6<\/span> \u8907\u6570\u884c\u306b\u914d\u7f6e\u3059\u308b<\/a><ul><li><a href=\"#flex-wrap\"><span class=\"toc_number toc_depth_2\">6.1<\/span> flex-wrap<\/a><\/li><\/ul><\/li><li><a href=\"#i-4\"><span class=\"toc_number toc_depth_1\">7<\/span> \u30a2\u30a4\u30c6\u30e0\u306e\u9806\u756a\u3092\u5165\u308c\u66ff\u3048\u308b<\/a><\/li><li><a href=\"#i-5\"><span class=\"toc_number toc_depth_1\">8<\/span> \u30a2\u30a4\u30c6\u30e0\u306e\u5927\u304d\u3055\u3092\u5909\u66f4\u3059\u308b<\/a><\/li><li><a href=\"#flexbox\"><span class=\"toc_number toc_depth_1\">9<\/span> flexbox\u3092\u4f53\u9a13\u3057\u3066\u307f\u3088\u3046<\/a><\/li><\/ul><\/div>\n<h2 style=\"color: #134985; background: #fffd73; padding:5px;\"><span id=\"CSS3WebFlexbox\">\u3010CSS3\u3011\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6Web\u30c7\u30b6\u30a4\u30f3\u306b\u6b20\u304b\u305b\u306a\u3044Flexbox\u306e\u4f7f\u3044\u65b9\u2461<\/span><\/h2>\n<p>\u4eca\u56de\u306fFlexbox\u306e\u4f7f\u3044\u65b9\u306b\u3064\u3044\u3066\u3001\u8a73\u3057\u304f\u307f\u3066\u3044\u304d\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<br \/>\n\u307e\u305a\u3001flexbox\u3092\u5229\u7528\u3059\u308b\u4e0a\u3067\u3001\u6700\u521d\u306b\u899a\u3048\u3066\u304a\u304d\u305f\u3044\u7528\u8a9e\u304c\u3044\u304f\u3064\u304b\u3042\u308a\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/12\/0120.jpg\"><\/p>\n<h3 style=\"color:#134985; margin-top:50px\"><span id=\"Flex_container\">Flex container<\/span><\/h3>\n<p>\u5b50\u8981\u7d20\u3092\u5185\u5305\u3059\u308b\u30b3\u30f3\u30c6\u30ca\u3001\u89aa\u8981\u7d20\u3067\u3059\u3002<br \/>\n  display\u306e\u5024\u306bflex\u307e\u305f\u306finline-flex\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u3067flexbox\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5229\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<dl>\n<dt>Flex item<\/dt>\n<dd>flex container\u306e\u5b50\u8981\u7d20\u3067\u3059\u3002<\/dd>\n<dt>\u4e3b\u8ef8\uff08main axis\uff09<\/dt>\n<dd>flex container\u306e\u4e3b\u8ef8\u306f\u5de6\u304b\u3089\u53f3\u3078\u3001\u6c34\u5e73\u65b9\u5411\u306b\u5411\u304b\u3063\u3066\u3044\u307e\u3059\u3002<\/dd>\n<dt>\u4ea4\u5dee\u8ef8(cross axis)<\/dt>\n<dd>\u4e3b\u8ef8\u306b\u5bfe\u3057\u5782\u76f4\u306b\u4ea4\u308f\u308b\u8ef8\u306e\u3053\u3068\u3067\u3001\u4e0a\u304b\u3089\u4e0b\u3078\u5782\u76f4\u65b9\u5411\u306b\u5411\u304b\u3063\u3066\u3044\u307e\u3059\u3002 <\/dd>\n<\/dl>\n<p>\u7279\u306b\u3001\u3053\u306e\u4e8c\u3064\u306e\u8ef8\u306e\u65b9\u5411\u3092\u982d\u306b\u5165\u308c\u3066\u304a\u304f\u3068\u3001\u7406\u89e3\u304c\u9032\u307f\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n<h2 style=\"color:#134985; margin-top:70px\"><span id=\"i\">\u57fa\u672c\u306e\u4f7f\u3044\u65b9<\/span><\/h2>\n<p>flex\u30b3\u30f3\u30c6\u30ca\u306edisplay\u30d7\u30ed\u30d1\u30c6\u30a3\u306bflex\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<br \/>\n  \u307e\u305f\u3001safari\u7528\u306b\u30d9\u30f3\u30c0\u30fc\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3092\u4ed8\u52a0\u3057\u3066\u304a\u3044\u305f\u307b\u3046\u304c\u3044\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n<h3 style=\"color:#134985; margin-top:50px\"><span id=\"display\">display:<\/span><\/h3>\n<dl>\n<dt>flex<\/dt>\n<dd>\u30b3\u30f3\u30c6\u30ca\u304c\u30d6\u30ed\u30c3\u30af\u30ec\u30d9\u30eb\u306e\u5834\u5408<\/dd>\n<dt>inline-flex<\/dt>\n<dd>\u30b3\u30f3\u30c6\u30ca\u304c\u30a4\u30f3\u30e9\u30a4\u30f3\u30ec\u30d9\u30eb\u306e\u5834\u5408<\/dd>\n<\/dl>\n<h2 style=\"color:#134985; margin-top:70px\"><span id=\"flex_item\">flex item\u306e\u4e26\u3076\u65b9\u5411\u3092\u5909\u3048\u308b<\/span><\/h2>\n<p>flex item\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u5de6\u304b\u3089\u53f3\u3078\u3001\u6a2a\u4e26\u3073\u306b\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002<br \/>\n  \u65b9\u5411\u3092\u5909\u3048\u308b\u5834\u5408\u306f\u3001flex-direction\u306b\u5024\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<h3 style=\"color:#134985; margin-top:50px\"><span id=\"flex-direction\">flex-direction<\/span><\/h3>\n<dl>\n<dt>row<\/dt>\n<dd>\u5de6\u304b\u3089\u53f3\u3078\u3001\u6a2a\u4e26\u3073\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\uff09<\/dd>\n<dt>row-reverse<\/dt>\n<dd>\u53f3\u304b\u3089\u5de6\u3078\u3001\u6a2a\u4e26\u3073<\/dd>\n<dt>column<\/dt>\n<dd>\u4e0a\u304b\u3089\u4e0b\u3078\u3001\u7e26\u4e26\u3073<\/dd>\n<dt>column-reverse<\/dt>\n<p>\u4e0b\u304b\u3089\u4e0a\u3078\u3001\u7e26\u4e26\u3073\n<\/dl>\n<p>\u4f8b\uff09<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/12\/0219.jpg\"><\/p>\n<pre><xmp>container{\r\ndisplay:flex;\r\nflex-direction: row-reverse;\r\n} <\/xmp><\/pre>\n<h2 style=\"color:#134985; margin-top:70px\"><span id=\"flex_item-2\">flex item\u306e\u4f4d\u7f6e\u3092\u5909\u3048\u308b<\/span><\/h2>\n<p>justify-content\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u6307\u5b9a\u3059\u308b\u3068\u3001\u4e2d\u592e\u5bc4\u305b\u3001\u5de6\u5bc4\u305b\u3001\u53f3\u5bc4\u305b\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br \/>\n  \u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u3001\u4e3b\u8ef8\u306e\u59cb\u70b9\u3067\u3042\u308b\u5de6\u5074\u306b\u30a2\u30a4\u30c6\u30e0\u304c\u5bc4\u305b\u3089\u308c\u307e\u3059\u3002<\/p>\n<h3 style=\"color:#134985; margin-top:50px\"><span id=\"justify-content\">justify-content<\/span><\/h3>\n<dl>\n<dt>flex-start<\/dt>\n<dd>\u4e3b\u8ef8\u306e\u59cb\u70b9\u306b\u914d\u7f6e\uff08\u5de6\u3088\u305b\uff09<\/dd>\n<dt>flex-end<\/dt>\n<dd>\u4e3b\u8ef8\u306e\u7d42\u70b9\u306b\u914d\u7f6e\uff08\u53f3\u3088\u305b\uff09<\/dd>\n<dt>center<\/dt>\n<dd>\u4e3b\u8ef8\u306e\u4e2d\u592e\u306b\u914d\u7f6e\uff08\u4e2d\u592e\u3088\u305b\uff09<\/dd>\n<dt>space-between<\/dt>\n<dd>\u4e00\u756a\u5de6\u3068\u53f3\u306e\u30a2\u30a4\u30c6\u30e0\u304c\u4e21\u7aef\u306b\u3001\u305d\u308c\u4ee5\u5916\u306f\u7b49\u9593\u9694\u306b\u914d\u7f6e<\/dd>\n<dt>space-around<\/dt>\n<dd>\u7b49\u9593\u9694\u306b\u914d\u7f6e<\/dd>\n<\/dl>\n<p>\u4f8b\uff09\u7b49\u9593\u9694\u306b\u914d\u7f6e<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/12\/0316.jpg\"><\/p>\n<pre><xmp>.container{\r\n  justify-content: space-around ;\r\n  }<\/xmp><\/pre>\n<h2 style=\"color:#134985; margin-top:70px\"><span id=\"i-2\">\u7e26\u4f4d\u7f6e\u3092\u5909\u3048\u308b<\/span><\/h2>\n<p>align-items\u30d7\u30ed\u30d1\u30c6\u30a3\u3067\u3001\u7e26\u4f4d\u7f6e\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br \/>\n  \u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u3001\u30a2\u30a4\u30c6\u30e0\u306e\u9ad8\u3055\u3092\u5168\u3066\u542b\u3081\u307e\u3059\u3002<\/p>\n<h3 style=\"color:#134985; margin-top:50px\"><span id=\"align-items\">align-items<\/span><\/h3>\n<dl>\n<dt>stretch<\/dt>\n<dd>\u9ad8\u3055\u3044\u3063\u3071\u3044\u306b\u914d\u7f6e<\/dd>\n<dt>\n<dt>flex-start<\/dt>\n<dd>\u4ea4\u5dee\u8ef8\u306e\u59cb\u70b9\u306b\u914d\u7f6e<\/dd>\n<dt>\n<dt>flex-end<\/dt>\n<dd>\u4ea4\u5dee\u8ef8\u306e\u7d42\u70b9\u306b\u914d\u7f6e<\/dd>\n<dt>\n<dt>center<\/dt>\n<dd>\u4ea4\u5dee\u8ef8\u306e\u4e2d\u592e\u306b\u914d\u7f6e<\/dd>\n<dt>\n<dt>baseline<\/dt>\n<dd>\u30d9\u30fc\u30b9\u30e9\u30a4\u30f3\u306b\u6cbf\u3063\u3066\u914d\u7f6e <\/dd>\n<\/dl>\n<p>\u4f8b\uff09\u4e2d\u592e\u306b\u914d\u7f6e<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/12\/0416.jpg\"><\/p>\n<pre><xmp>.container{\r\n  align-items: center ; \r\n  }<\/xmp><\/pre>\n<h2 style=\"color:#134985; margin-top:70px\"><span id=\"i-3\">\u8907\u6570\u884c\u306b\u914d\u7f6e\u3059\u308b<\/span><\/h2>\n<p>flex item\u3092\uff11\u884c\u306b\u307e\u3068\u3081\u3066\u914d\u7f6e\u3059\u308b\u304b\u3001\u8907\u6570\u884c\u306b\u914d\u7f6e\u3059\u308b\u304b\u3092flex-wrap\u3067\u6307\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br \/>\n  \u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\uff11\u884c\u306b\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002<\/p>\n<h3 style=\"color:#134985; margin-top:50px\"><span id=\"flex-wrap\">flex-wrap<\/span><\/h3>\n<dl>\n<dt>nowrap<\/dt>\n<dd> \uff11\u884c\u306b\u914d\u7f6e\u3002\u30b3\u30f3\u30c6\u30ca\u306e\u5e45\u306b\u53ce\u307e\u308b\u3088\u3046\u306b\u30a2\u30a4\u30c6\u30e0\u3092\u7e2e\u5c0f\u3057\u307e\u3059\u3002<\/dd>\n<dt>wrap<\/dt>\n<dd>\u8907\u6570\u884c\u306b\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002<\/dd>\n<dt>wrap-reverse<\/dt>\n<dd>\u8907\u6570\u884c\u306b\u3001\u4e0b\u304b\u3089\u4e0a\u65b9\u5411\u3078\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002<\/dd>\n<\/dl>\n<p>\u4f8b\uff09\u8907\u6570\u884c\u306b\u3001\u4e0b\u304b\u3089\u4e0a\u65b9\u5411\u306b\u914d\u7f6e<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/12\/0515.jpg\"><\/p>\n<p>.container{<br \/>\n  flex-wrap: wrap-reverse;<br \/>\n  }<\/p>\n<h2 style=\"color:#134985; margin-top:70px\"><span id=\"i-4\">\u30a2\u30a4\u30c6\u30e0\u306e\u9806\u756a\u3092\u5165\u308c\u66ff\u3048\u308b<\/span><\/h2>\n<p>order\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u6574\u6570\u3067\u9806\u756a\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br \/>\n  \u4e0b\u306e\u30b5\u30f3\u30d7\u30eb\u306f\u3001\u2461\u306eorder\u5024\u3092\uff13\u306b\u3001\u2462\u306eorder\u5024\u3092\uff12\u306b\u3057\u305f\u3082\u306e\u3002<br \/>\n  \u30c7\u30d5\u30a9\u30eb\u30c8\u306f0\u3067\u3059\u3002<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/12\/0612.jpg\" width=\"600\"><\/p>\n<pre><xmp>.item{\r\norder:\u6574\u6570\u5024;\r\n}<\/xmp><\/pre>\n<h2 style=\"color:#134985; margin-top:70px\"><span id=\"i-5\">\u30a2\u30a4\u30c6\u30e0\u306e\u5927\u304d\u3055\u3092\u5909\u66f4\u3059\u308b<\/span><\/h2>\n<p>flex-grow\u306f\u3001flex\u30b3\u30f3\u30c6\u30ca\u306b\u30b9\u30da\u30fc\u30b9\u304c\u3042\u308b\u5834\u5408\u306b\u3001\u30a2\u30a4\u30c6\u30e0\u306e\u4f38\u3073\u308b\u500d\u7387\u3092\u6574\u6570\u5024\u3067\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\u4e0b\u306e\u30b5\u30f3\u30d7\u30eb\u306f\u2460\u306eflex-grow\u5024\u3092\uff13\u306b\u3001\u2461\u306eflex-grow\u5024\u3092\uff17\u306b\u6307\u5b9a\u3057\u305f\u3082\u306e\u3067\u3059\u3002<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2015\/12\/0710.jpg\"><\/p>\n<pre><xmp>.item{\r\nflex-grow:\u6574\u6570\u5024;\r\n}<\/xmp><\/pre>\n<h2 style=\"color:#134985; margin-top:70px\"><span id=\"flexbox\">flexbox\u3092\u4f53\u9a13\u3057\u3066\u307f\u3088\u3046<\/span><\/h2>\n<p><a href=\"https:\/\/scotch.io\/demos\/visual-guide-to-css3-flexbox-flexbox-playground\" target=\"_blank\">Flexbox Playground<\/a><\/p>\n<p>flexbox\u3092\u30af\u30ea\u30c3\u30af\u64cd\u4f5c\u3067\u4f53\u9a13\u3067\u304d\u307e\u3059\u3002<br \/>\n  \u30c1\u30a7\u30c3\u30af\u3092\u5165\u308c\u308b\u3068\u30a2\u30a4\u30c6\u30e0\u304c\u52d5\u304f\u306e\u3067\u3001\u3069\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u3069\u306e\u3088\u3046\u306b\u5f71\u97ff\u3059\u308b\u306e\u304b\u3092\u77e5\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<br \/>\n  \u305c\u3072\u3001\u8a66\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<p style=\"margin-top: 70px;\">\u4ee5\u4e0a\u3001Flexbox\u3067\u6307\u5b9a\u3067\u304d\u308b\u4e3b\u306a\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u4f7f\u3044\u65b9\u306b\u3064\u3044\u3066\u3001\u3044\u304f\u3064\u304b\u3054\u7d39\u4ecb\u3057\u307e\u3057\u305f\u3002\u3053\u3053\u3067\u3054\u7d39\u4ecb\u3057\u305f\u4ee5\u5916\u306b\u3082\u7d30\u304b\u3044\u6307\u5b9a\u304c\u3067\u304d\u307e\u3059\u3002<br \/>\n  \u3053\u308c\u304b\u3089\u306e\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6Web\u306b\u5fc5\u9808\u306eFlexbox\u3002\u305c\u3072\u3001\u4eca\u306e\u3046\u3061\u306b\u4f7f\u3044\u65b9\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4eca\u56de\u306fFlexbox\u306e\u4f7f\u3044\u65b9\u306b\u3064\u3044\u3066\u3001\u8a73\u3057\u304f\u307f\u3066\u3044\u304d\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<br \/>\n\u307e\u305a\u3001flexbox\u3092\u5229\u7528\u3059\u308b\u4e0a\u3067\u3001\u6700\u521d\u306b\u899a\u3048\u3066\u304a\u304d\u305f\u3044\u7528\u8a9e\u304c\u3044\u304f\u3064\u304b\u3042\u308a\u307e\u3059\u3002<br \/>\n\u3053\u3053\u3067\u3054\u7d39\u4ecb\u3057\u305f\u4ee5\u5916\u306b\u3082\u7d30\u304b\u3044\u6307\u5b9a\u3082\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u304b\u3089\u306e\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6Web\u306b\u5fc5\u9808\u306eFlexbox\u3002\u305c\u3072\u3001\u4eca\u306e\u3046\u3061\u306b\u4f7f\u3044\u65b9\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"author":1,"featured_media":3142,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50,45],"tags":[],"class_list":["post-3147","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-web"],"_links":{"self":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3147"}],"version-history":[{"count":3,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3147\/revisions"}],"predecessor-version":[{"id":3172,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/3147\/revisions\/3172"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/media\/3142"}],"wp:attachment":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}