【theme.json】settings.borderの使い方

settings.borderは、ボーダーに関する設定を行うプロパティです。

プロパティ一覧

settings.borderで指定することができるプロパティとデフォルト値は以下の通りです。

{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,
    "settings": {
        "border": {
            "color": false,
            "radius": false,
            "style": false,
            "width": false
        }
    }
}

JSON

color

colorは、ボーダーの色を変更するプロパティです。

{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,
    "settings": {
        "border": {
            "color": true
        }
    }
}

JSON

radius

radiusは、ボーダーの角を丸くするプロパティです。

{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,
    "settings": {
        "border": {
            "radius": true
        }
    }
}

JSON

style

styleは、ボーダーの種類を選択するプロパティです。

現在は「単色」「破線」「点線」の3つがあります。

{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,
    "settings": {
        "border": {
            "style": true
        }
    }
}

JSON

width

widthは、ボーダーの幅を変更するプロパティです。

{
    "$schema": "https://schemas.wp.org/trunk/theme.json",
    "version": 3,
    "settings": {
        "border": {
            "width": true
        }
    }
}

JSON