-moz-border-radiusNN 6 IE なし CSS なし

継承 : なし

簡略化するための属性で、ボーダーの角の半径を設定することができます。指定した値の数によって、割り当てた色を適用する辺が決まります。値は、CSS3 暫定仕様の border-radius 属性の値とは異なります。

 
CSS 構文
 
-moz-border-radius: radius {1,4}
 

ボーダーの角の半径は、角の丸みを割り出すために想定した円の半径を示す長さで定義できます。値が大きいほど、角が丸くなります。画面表示には、ピクセル単位で長さを指定するのが最適です。0% (丸みなし) ~ 50% (最大の丸み) の範囲内のパーセント値を使用することもできます。ボーダーの角を丸くしても要素のコンテンツが切り抜かれることはありません。

この属性には設定を適用する角の数と位置によって 1 ~ 4 つの radius の値を指定できます。値の数と位置は次の表のとおりに解釈されます。

値の数効果
14 つすべての角に同じ値が設定される
2左上と右下の角が最初の値に設定され、右上と左下の角が 2 番目の値に設定される
3左上の角が最初の値に設定され、右上と左下の角が 2 番目の値に設定され、右下の角が 3 番目の値に設定される
4左上、右上、右下、左下の角がこの順番で設定される
 
既定値

0

 
 
div.hotbox {-moz-border-radius:20px}
div.circle {-moz-border-radius:50%}
 
適用先

すべての要素