アウターボーダー半径
border-radius
ボーダーの外側の半径をピクセル単位で設定します。
ボーダーの外側と内側の半径(border-radius-inner
)はそれぞれ独自のコントロールがあります。各コーナーを定義するために、4つの値をカンマ区切りで使用して、半径を個別に制御することもできます。これにより、上部のみを丸くするなどの一般的な使用方法が簡単に実装できます。
均一に丸められたボーダーを作成する場合、border-radius
の値が両方の半径よりも大きい場合は、border-radius-inner
を border-radius
の値の1/2 に設定することをお勧めします。そうでない場合は、border-radius
の値の3/4 に設定すると良いでしょう。
この操作を適用するには、border
パラメータを設定する必要があります。