時計回りの 4 値指定

CSS の四値順序で出力します。各角を選択単位で 0～200 に個別設定できます。

px とパーセント

px は固定長です。パーセントは CSS がボックス寸法を基準に解決するため、正方形でないボックスでは曲線が異なります。各角の両軸に同じ数値を使い、水平・垂直の半径をスラッシュで分ける構文は生成しません。

よくある質問

パーセント半径は何を表しますか？

CSS がボックス寸法から解決するため、同じ値でも横長と正方形では見え方が異なります。

楕円形の角を作れますか？

各角に1つの数値を出力します。割合はボックスの各軸を基準にするため、正方形でないボックスでは楕円状の角になる場合があります。水平・垂直の半径を独立指定するスラッシュ構文は生成しません。

最大値が 200 なのはなぜですか？

一般的なカード等に使いやすく、大きな曲線も作れる範囲です。隣接角が収まらない場合は CSS が半径を縮小します。