{"id":1387,"date":"2026-02-12T14:50:37","date_gmt":"2026-02-12T05:50:37","guid":{"rendered":"https:\/\/takaya-com.jp\/archives\/?p=1387"},"modified":"2026-02-12T14:52:24","modified_gmt":"2026-02-12T05:52:24","slug":"outlinecharacter","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2026\/02\/outlinecharacter\/","title":{"rendered":"CSS\u3092\u4f7f\u7528\u3057\u3066\u888b\u6587\u5b57\u3092\u3064\u304f\u308b -outline character-"},"content":{"rendered":"<p><!-- \u672c\u6587 --><\/p>\n<p>\u6587\u5b57\u306b\u7e01\u53d6\u308a\u3092\u3064\u3051\u305f\u888b\u6587\u5b57\u306e\u3064\u304f\u308a\u304b\u305f\u306e\u7d39\u4ecb\u3067\u3059\u3002<\/p>\n<p>\u4eca\u56de\u306fCSS\u3067<b>paint-order<\/b>\u3068<b>-webkit-text-stroke<\/b>\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u6307\u5b9a\u3057\u3066\u5b9f\u88c5\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><a href=\"http:\/\/www.takaya-com.jp\/archives\/demo\/outlinecharacter\/\" target=\"_blank\" rel=\"noopener\">\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n<p><!--more--><\/p>\n<p>\u2193\u4ee5\u4e0b\u304c\u5b9f\u969b\u306e\u30bd\u30fc\u30b9\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<\/p>\n<p>\u25bcHTML<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"XHTML\">\r\n&lt;span class=&quot;outlinecharacter&quot;&gt;\r\n\u888b\u306b\u3057\u305f\u3044\u6587\u5b57\r\n&lt;\/span&gt;\r\n<\/pre>\n<p>\u25bcCSS<\/p>\n<pre class=\"lang:css decode:true \" title=\"CSS\">\r\n.outlinecharacter {\r\ncolor: #ffffff; \/* \u2190\u888b\u6587\u5b57\u306e\u4e2d\u306e\u8272 *\/\r\npaint-order: stroke fill;\r\n-webkit-text-stroke: 4px #ff0000; \/* \u2190\u888b\u6587\u5b57\u306e\u7e01\u53d6\u308a\u306e\u592a\u3055\u3068\u8272 *\/\r\n}\r\n<\/pre>\n<p>\u4eca\u56de\u3001\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u306e\u306f\u3001<br \/>\n\u300e<a href=\"https:\/\/igawa.co\/memos\/%E7%B8%81%E5%8F%96%E3%82%8A%E6%96%87%E5%AD%97%E3%81%AFcss%E3%81%AEtext-stroke%E3%81%A7%E5%8F%AF%E8%83%BD%E3%80%82%EF%BC%88%E9%9D%9E%E6%8E%A8%E5%A5%A8%E3%81%AE%E6%99%82%E4%BB%A3%E3%81%AF%E7%B5%82\" target=\"_blank\" rel=\"noopener\">\u7e01\u53d6\u308a\u6587\u5b57\u306fCSS\u306etext-stroke\u3067\u53ef\u80fd\u3002\uff08\u975e\u63a8\u5968\u306e\u6642\u4ee3\u306f\u7d42\u308f\u308a\u3002\uff09 &#8211; \u3044\u304c\u308f<\/a>\u300f\u3055\u3093\u3001<br \/>\n\u300e<a href=\"https:\/\/developer.mozilla.org\/ja\/docs\/Web\/CSS\/Reference\/Properties\/-webkit-text-stroke-color\" target=\"_blank\" rel=\"noopener\">-webkit-text-stroke-color &#8211; MDN<\/a>\u300f\u3055\u3093\u3067\u3059\u3002<br \/>\n\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<br \/>\n<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6587\u5b57\u306b\u7e01\u53d6\u308a\u3092\u3064\u3051\u305f\u888b\u6587\u5b57\u306e\u3064\u304f\u308a\u304b\u305f\u306e\u7d39\u4ecb\u3067\u3059\u3002 \u4eca\u56de\u306fCSS\u3067paint-order\u3068-webkit-text-stroke\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u6307\u5b9a\u3057\u3066\u5b9f\u88c5\u3057\u3066\u3044\u307e\u3059\u3002 \u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[20],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/1387"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=1387"}],"version-history":[{"count":3,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/1387\/revisions"}],"predecessor-version":[{"id":1391,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/1387\/revisions\/1391"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=1387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=1387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=1387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}