Borders
一貫したエッジスタイリングのためのボーダースタイル定義
ボーダートークンは、幅とスタイルを組み合わせた再利用可能なボーダー定義を提供します。
スケール
| Token | Value | Preview |
|---|---|---|
0.5px solid | ||
1px solid | ||
2px solid | ||
4px solid | ||
8px solid |
フォーカスリングの太さ
フォーカスリング（outline）の太さ。余白は Spacing の focus.ring.offset と組み合わせます。
| Token | Reference | Description |
|---|---|---|
{borderWidths.2} | フォーカスリングの太さ（2px） |
使用方法
border: var(--mpc-borders-sm);
border: var(--mpc-borders-md);