-moz-border-radius | NN 6 IE なし CSS なし | |||||||||
継承 : なし | ||||||||||
簡略化するための属性で、ボーダーの角の半径を設定することができます。指定した値の数によって、割り当てた色を適用する辺が決まります。値は、CSS3 暫定仕様の border-radius 属性の値とは異なります。 |
||||||||||
CSS 構文 | ||||||||||
-moz-border-radius: radius {1,4}
|
||||||||||
値 | ||||||||||
ボーダーの角の半径は、角の丸みを割り出すために想定した円の半径を示す長さで定義できます。値が大きいほど、角が丸くなります。画面表示には、ピクセル単位で長さを指定するのが最適です。0% (丸みなし) ~ 50% (最大の丸み) の範囲内のパーセント値を使用することもできます。ボーダーの角を丸くしても要素のコンテンツが切り抜かれることはありません。 この属性には設定を適用する角の数と位置によって 1 ~ 4 つの radius の値を指定できます。値の数と位置は次の表のとおりに解釈されます。
|
||||||||||
既定値 | ||||||||||
0 |
||||||||||
例 | ||||||||||
div.hotbox {-moz-border-radius:20px} div.circle {-moz-border-radius:50%} |
||||||||||
適用先 | ||||||||||
すべての要素 |