【Microsoft Lists】絵文字の縁取りと塗りつぶし

書式設定で絵文字の縁取りと塗りつぶしを実装してみました。
以下に、書式設定のコードを掲載します。利用する際は、数値列に適用ください。

縁取りのみ

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "font-size": "25px",
    "white-space": "nowrap"
  },
  "children": [
    {
      "elmType": "span",
      "txtContent": "=padStart('' , @currentField * 2 , '💪')"
    },
    {
      "elmType": "span",
      "txtContent": "=padStart('' , (5 - @currentField) * 2 , '💪')",
      "style": {
        "color": "transparent",
        "text-shadow": "0px 0px 0 white, -1px 0 #c0c0c0, 0 -1px #c0c0c0 , 1px 0 #c0c0c0, 0 1px #c0c0c0"
      }
    }
  ]
}

縁取り + 塗りつぶし

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "style": {
    "font-size": "25px",
    "white-space": "nowrap"
  },
  "children": [
    {
      "elmType": "span",
      "txtContent": "=padStart('' , @currentField * 2 , '🐤')",
      "style": {
        "color": "transparent",
        "text-shadow": "0px 0px #4BB7B9, -1px 0 #4BB7B9, 0 -1px #4BB7B9 , 1px 0 #4BB7B9, 0 1px #4BB7B9"
      }
    },
    {
      "elmType": "span",
      "txtContent": "=padStart('' , (5 - @currentField) * 2 , '🐤')",
      "style": {
        "color": "transparent",
        "text-shadow": "0px 0px 0 white, -1px 0 #4BB7B9, 0 -1px #4BB7B9 , 1px 0 #4BB7B9, 0 1px #4BB7B9"
      }
    }
  ]
}