{"id":1582,"date":"2021-07-01T08:16:07","date_gmt":"2021-06-30T23:16:07","guid":{"rendered":"https:\/\/sirius10.net\/blog\/wordpress\/?p=1582"},"modified":"2021-07-01T08:16:10","modified_gmt":"2021-06-30T23:16:10","slug":"post-1582","status":"publish","type":"post","link":"https:\/\/sirius10.net\/blog\/wordpress\/index.php\/2021\/07\/01\/1582\/","title":{"rendered":"\u30b5\u30a4\u30c8\u30de\u30c3\u30d7\u306e\u30c4\u30ea\u30fc\u3092\u6298\u308a\u7573\u3081\u308b\u3088\u3046\u306b\u3059\u308b"},"content":{"rendered":"\n<p>\u3000\u30b5\u30a4\u30c8\u30de\u30c3\u30d7\u3092\u30c4\u30ea\u30fc\u5f62\u5f0f\u3067\u4f5c\u308a\u307e\u3057\u305f\u304c\u3001\u30c4\u30ea\u30fc\u306e\u4e00\u90e8\u5206\u3092\u6298\u308a\u7573\u3081\u305f\u307b\u3046\u304c\u4f7f\u3044\u52dd\u624b\u304c\u3044\u3044\u3088\u3046\u306a\u6c17\u304c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3000HTML5 \u306e\u30bf\u30b0\u306b\u6298\u308a\u7573\u307f\u304c\u3067\u304d\u308b details \u30bf\u30b0\u304c\u3042\u308b\u306e\u3067\u3001\u3053\u308c\u3092\u3092\u4f7f\u3046\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002\u30c4\u30ea\u30fc\u306e\u8868\u73fe\u306f\u3001css \u3092\u4f7f\u3063\u3066 ul \u30bf\u30b0\u306e\u30ea\u30b9\u30c8\u3067\u8868\u73fe\u3057\u3066\u3044\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u6b21\u306e\u3088\u3046\u306a HTML \u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted file\">&lt;ul&gt;\n  &lt;li&gt;\u30b5\u30a4\u30c8\u30c8\u30c3\u30d7\n    &lt;ul&gt;\n      &lt;li&gt;&lt;a href=\"\/aaa.html\"&gt;\u3054\u6328\u62f6&lt;\/a&gt;&lt;li&gt;\n      &lt;li&gt;&lt;a href=\"\/labo\/\"&gt;\u7814\u7a76\u5ba4&lt;\/a&gt;\n        &lt;ul&gt;\n          &lt;li&gt;&lt;a href=\"\/labo\/bbb.html\"&gt;\u30a2\u30cb\u30e1&lt;\/a&gt;&lt;\/li&gt;\n          &lt;li&gt;&lt;a href=\"\/labo\/ccc.html\"&gt;\u30b2\u30fc\u30e0&lt;\/a&gt;&lt;\/li&gt;\n        &lt;\/ul&gt;\n      &lt;\/li&gt;\n      &lt;li&gt;&lt;a href=\"\/blog\/\"&gt;\u30d6\u30ed\u30b0&lt;\/a&gt;\n        &lt;ul&gt;\n          &lt;li&gt;&lt;a href=\"\/blog\/aaa.html\"&gt;\u7814\u7a76\u54e1A&lt;\/a&gt;&lt;\/li&gt;\n          &lt;li&gt;&lt;a href=\"\/blog\/bbb.html\"&gt;\u7814\u7a76\u54e1B&lt;\/a&gt;&lt;\/li&gt;\n        &lt;\/ul&gt;\n      &lt;\/li&gt;\n    &lt;\/ul&gt;\n  &lt;\/li&gt;\n&lt;\/ul&gt;<\/pre>\n\n\n\n<p>\u3000\u6b21\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u30b5\u30a4\u30c8\u30c8\u30c3\u30d7<ul><li><a href=\"\/aaa.html\">\u3054\u6328\u62f6<\/a><\/li><li><a href=\"\/labo\/\">\u7814\u7a76\u5ba4<\/a><ul><li><a href=\"\/labo\/aaa.html\">\u30a2\u30cb\u30e1<\/a><\/li><li><a href=\"\/labo\/bbb.html\">\u30b2\u30fc\u30e0<\/a><\/li><\/ul><\/li><li><a href=\"\/blog\/\">\u30d6\u30ed\u30b0<\/a><ul><li><a href=\"\/blog\/aaa.html\">\u7814\u7a76\u54e1A<\/a><\/li><li><a href=\"\/blog\/bbb.html\">\u7814\u7a76\u54e1B<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul>\n\n\n\n<p>\u3053\u308c\u3092\u6298\u308a\u7573\u3081\u308b\u3088\u3046\u306b details \u30bf\u30b0\u3092\u4f7f\u3063\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted file\">&lt;ul&gt;\n  &lt;li&gt;&lt;details open&gt;&lt;summary&gt;\u30b5\u30a4\u30c8\u30c8\u30c3\u30d7&lt;\/summary&gt;\n    &lt;ul&gt;\n      &lt;li&gt;&lt;a href=\"\/aaa.html\"&gt;\u3054\u6328\u62f6&lt;\/a&gt;&lt;li&gt;\n      &lt;li&gt;&lt;details open&gt;&lt;summary&gt;&lt;a href=\"\/labo\/\"&gt;\u7814\u7a76\u5ba4&lt;\/a&gt;&lt;\/summary&gt;\n        &lt;ul&gt;\n          &lt;li&gt;&lt;a href=\"\/labo\/bbb.html\"&gt;\u30a2\u30cb\u30e1&lt;\/a&gt;&lt;\/li&gt;\n          &lt;li&gt;&lt;a href=\"\/labo\/ccc.html\"&gt;\u30b2\u30fc\u30e0&lt;\/a&gt;&lt;\/li&gt;\n        &lt;\/ul&gt;\n      &lt;\/details&gt;&lt;\/li&gt;\n      &lt;li&gt;&lt;details open&gt;&lt;summary&gt;&lt;a href=\"\/blog\/\"&gt;\u30d6\u30ed\u30b0&lt;\/a&gt;&lt;\/summary&gt;\n        &lt;ul&gt;\n          &lt;li&gt;&lt;a href=\"\/blog\/aaa.html\"&gt;\u7814\u7a76\u54e1A&lt;\/a&gt;&lt;\/li&gt;\n          &lt;li&gt;&lt;a href=\"\/blog\/bbb.html\"&gt;\u7814\u7a76\u54e1B&lt;\/a&gt;&lt;\/li&gt;\n        &lt;\/ul&gt;\n      &lt;\/details&gt;&lt;\/li&gt;\n    &lt;\/ul&gt;\n  &lt;\/details&gt;&lt;\/li&gt;\n&lt;\/ul&gt;<\/pre>\n\n\n\n<p>\u3000\u6b21\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u25bc\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u7573\u307e\u308c\u307e\u3059\u3002<\/p>\n\n\n<ul>\n<li>\n<details open=\"\">\n<summary>\u30b5\u30a4\u30c8\u30c8\u30c3\u30d7<\/summary>\n<ul>\n<li><a href=\"\/aaa.html\">\u3054\u6328\u62f6<\/a><\/li>\n<li>\n<details open=\"\">\n<summary><a href=\"\/labo\/\">\u7814\u7a76\u5ba4<\/a><\/summary>\n<ul>\n<li><a href=\"\/labo\/bbb.html\">\u30a2\u30cb\u30e1<\/a><\/li>\n<li><a href=\"\/labo\/ccc.html\">\u30b2\u30fc\u30e0<\/a><\/li>\n<\/ul>\n<\/details>\n<\/li>\n<li>\n<details open=\"\">\n<summary><a href=\"\/blog\/\">\u30d6\u30ed\u30b0<\/a><\/summary>\n<ul>\n<li><a href=\"\/blog\/aaa.html\">\u7814\u7a76\u54e1A<\/a><\/li>\n<li><a href=\"\/blog\/bbb.html\">\u7814\u7a76\u54e1B<\/a><\/li>\n<\/ul>\n<\/details>\n<\/li>\n<\/ul>\n<\/details>\n<\/li>\n<\/ul>\n\n\n<p>\u3000details \u30bf\u30b0\u306b open \u5c5e\u6027\u3092\u4ed8\u3051\u3066\u3044\u308b\u306e\u306f\u3001\u306f\u3058\u3081\u306b\u958b\u3044\u305f\u72b6\u614b\u3067\u8868\u793a\u3057\u305f\u3044\u304b\u3089\u3067\u3059\u3002open \u5c5e\u6027\u3092\u4ed8\u3051\u306a\u3044\u3068\u3001\u521d\u671f\u72b6\u614b\u306f\u6298\u308a\u7573\u307e\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3000\u3061\u306a\u307f\u306b\u3001css \u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u30c4\u30ea\u30fc\u8868\u793a\u3057\u305f\u3044 ul \u30bf\u30b0\u5168\u4f53\u3092 div \u30bf\u30b0\u3067\u56f2\u307f\u3001\u56f2\u3093\u3060 div \u30bf\u30b0\u306e\u30af\u30e9\u30b9\u306b tree \u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted file\">.tree {\n\tposition: relative;\n\tmargin-top: 0px;\n\tpadding: 20px;\n}\n.tree ul {\n\tpadding-left: 20px;\n\tlist-style: none;\n}\n.tree ul li {\n\tmargin-top: 0;\n\tposition: relative;\n\tpadding-top: 2px;\n\tpadding-bottom: 2px;\n\tpadding-left: 20px;\n\tbox-sizing: border-box;\n}\n.tree ul li::before {\n\tposition: absolute;\n\ttop: 15px;\n\tleft: 0px;\n\twidth: 15px;\n\theight: 1px;\n\tmargin: auto;\n\tcontent: '';\n\tbackground-color: black;\n}\n.tree ul li::after {\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0px;\n\twidth: 1px;\n\theight: 100%;\n\tcontent: '';\n\tbackground-color: black;\n}\n.tree ul li:last-child::after {\n\theight: 15px;\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u3000\u30b5\u30a4\u30c8\u30de\u30c3\u30d7\u3092\u30c4\u30ea\u30fc\u5f62\u5f0f\u3067\u4f5c\u308a\u307e\u3057\u305f\u304c\u3001\u30c4\u30ea\u30fc\u306e\u4e00\u90e8\u5206\u3092\u6298\u308a\u7573\u3081\u305f\u307b\u3046\u304c\u4f7f\u3044\u52dd\u624b\u304c\u3044\u3044\u3088\u3046\u306a\u6c17\u304c\u3057\u307e\u3059\u3002 \u3000HTML5 \u306e\u30bf\u30b0\u306b\u6298\u308a\u7573\u307f\u304c\u3067\u304d\u308b details \u30bf\u30b0\u304c\u3042\u308b\u306e\u3067\u3001\u3053\u308c\u3092\u3092\u4f7f\u3046\u3053\u3068\u306b\u3057\u307e\u3057\u305f\u3002\u30c4\u30ea\u30fc\u306e\u8868\u73fe [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-1582","post","type-post","status-publish","format-standard","hentry","category-web"],"_links":{"self":[{"href":"https:\/\/sirius10.net\/blog\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sirius10.net\/blog\/wordpress\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sirius10.net\/blog\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sirius10.net\/blog\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sirius10.net\/blog\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=1582"}],"version-history":[{"count":5,"href":"https:\/\/sirius10.net\/blog\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1582\/revisions"}],"predecessor-version":[{"id":1589,"href":"https:\/\/sirius10.net\/blog\/wordpress\/index.php\/wp-json\/wp\/v2\/posts\/1582\/revisions\/1589"}],"wp:attachment":[{"href":"https:\/\/sirius10.net\/blog\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=1582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sirius10.net\/blog\/wordpress\/index.php\/wp-json\/wp\/v2\/categories?post=1582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sirius10.net\/blog\/wordpress\/index.php\/wp-json\/wp\/v2\/tags?post=1582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}