{"id":1011,"date":"2021-06-12T19:07:00","date_gmt":"2021-06-12T10:07:00","guid":{"rendered":"http:\/\/www.agile-software.site\/?p=1011"},"modified":"2021-06-18T22:40:36","modified_gmt":"2021-06-18T13:40:36","slug":"tailwindcss%e3%83%81%e3%83%bc%e3%83%88%e3%82%b7%e3%83%bc%e3%83%88interactivity","status":"publish","type":"post","link":"https:\/\/agile-software.net\/?p=1011","title":{"rendered":"Tailwindcss\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8(Interactivity)"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Appearance<\/h2>\n\n\n\n<p>\u3044\u304f\u3064\u304b\u306e\u9078\u629e\u80a2\u3092\u8a2d\u5b9a\u3067\u304d\u308b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"444\" src=\"http:\/\/www.agile-software.site\/wp-content\/uploads\/2021\/06\/Appearance.png\" alt=\"\" class=\"wp-image-1013\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Class<\/th><th>Properties<\/th><\/tr><\/thead><tbody><tr><td>.appearance-none<\/td><td>appearance: none;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Cursor<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Auto<\/strong><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Default<\/strong><\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"807\" height=\"230\" src=\"http:\/\/www.agile-software.site\/wp-content\/uploads\/2021\/06\/cursor-default.png\" alt=\"\" class=\"wp-image-1018\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><br>Pointer<\/strong><\/h3>\n\n\n\n<p>\u30ab\u30fc\u30bd\u30eb\u3092\u6301\u3063\u3066\u3044\u3063\u305f\u3068\u304d\u306b\u624b\u30de\u30fc\u30af\u306b\u306a\u308b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"232\" src=\"http:\/\/www.agile-software.site\/wp-content\/uploads\/2021\/06\/cursor-pointer.png\" alt=\"\" class=\"wp-image-1019\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Wait<\/strong><\/strong><\/h3>\n\n\n\n<p>\u30ab\u30fc\u30bd\u30eb\u3092\u6301\u3063\u3066\u3044\u3063\u305f\u3068\u304d\u306b\u8aad\u307f\u8fbc\u307f\u4e2d\u306b\u306a\u308b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"806\" height=\"232\" src=\"http:\/\/www.agile-software.site\/wp-content\/uploads\/2021\/06\/cursor-wait.png\" alt=\"\" class=\"wp-image-1014\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Text<\/h3>\n\n\n\n<p>\u30ab\u30fc\u30bd\u30eb\u3092\u6301\u3063\u3066\u3044\u3063\u305f\u3068\u304d\u306bI\u30d3\u30fc\u30e0\u30ab\u30fc\u30bd\u30eb\u306b\u306a\u308b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"824\" height=\"247\" src=\"http:\/\/www.agile-software.site\/wp-content\/uploads\/2021\/06\/cursor-text.png\" alt=\"\" class=\"wp-image-1015\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Move<\/h3>\n\n\n\n<p>\u30ab\u30fc\u30bd\u30eb\u3092\u6301\u3063\u3066\u3044\u3063\u305f\u3068\u304d\u306b\u5341\u5b57\u30ab\u30fc\u30bd\u30eb\u306b\u306a\u308b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"806\" height=\"231\" src=\"http:\/\/www.agile-software.site\/wp-content\/uploads\/2021\/06\/cursor-move.png\" alt=\"\" class=\"wp-image-1016\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Not Allowed<\/strong><\/h3>\n\n\n\n<p>\u30ab\u30fc\u30bd\u30eb\u3092\u6301\u3063\u3066\u3044\u3063\u305f\u3068\u304d\u306b\u7981\u6b62\u30de\u30fc\u30af\u306b\u306a\u308b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"808\" height=\"234\" src=\"http:\/\/www.agile-software.site\/wp-content\/uploads\/2021\/06\/not-allowed.png\" alt=\"\" class=\"wp-image-1017\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Outline<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Remove outlines<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"801\" height=\"311\" src=\"http:\/\/www.agile-software.site\/wp-content\/uploads\/2021\/06\/Remove-outlines.png\" alt=\"\" class=\"wp-image-1020\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Dotted outlines<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"811\" height=\"221\" src=\"http:\/\/www.agile-software.site\/wp-content\/uploads\/2021\/06\/dotted-outlines.png\" alt=\"\" class=\"wp-image-1021\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>class<\/th><th>properties<\/th><\/tr><\/thead><tbody><tr><td>outline-none<\/td><td>outline: 2px solid transparent; outline-offset: 2px;<\/td><\/tr><tr><td>outline-white<\/td><td><br>outline: 2px dotted white; outline-offset: 2px;<\/td><\/tr><tr><td>outline-black<\/td><td><br>outline: 2px dotted black; outline-offset: 2px;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Pointer Events<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Resize<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">R<strong>esize in all directions<\/strong><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><br>Resize vertically<\/strong><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Resize horizontally<\/strong><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">Prevent resizing<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th><\/th><th><\/th><\/tr><\/thead><tbody><tr><td>resize-none<\/td><td>resize: none;<\/td><\/tr><tr><td>resize-y<\/td><td>resize: vertical;<\/td><\/tr><tr><td>resize-x<\/td><td>resize: horizontal;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">User Select<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>class<\/th><th>Properties<\/th><\/tr><\/thead><tbody><tr><td>select-none<\/td><td>user-select: none;<\/td><\/tr><tr><td>select-text<\/td><td>user-select: text;<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Appearance \u3044\u304f\u3064\u304b\u306e\u9078\u629e\u80a2\u3092\u8a2d\u5b9a\u3067\u304d\u308b Class Properties .appearance-none appearance: none; Cursor Auto Default Pointer \u30ab\u30fc\u30bd\u30eb<\/p>\n","protected":false},"author":1,"featured_media":1060,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[25],"tags":[],"class_list":["post-1011","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tailwindcss"],"_links":{"self":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/1011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1011"}],"version-history":[{"count":1,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/1011\/revisions"}],"predecessor-version":[{"id":1022,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/1011\/revisions\/1022"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/media\/1060"}],"wp:attachment":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1011"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1011"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}