CSS3 border-bottom-left-radius プロパティ
 完全な CSS3 リファレンス
例
div 要素の左下隅に角丸のボーダーを追加します:
div
{
border:2px solid;
border-bottom-left-radius:2em;
-moz-border-radius-bottomleft:2em; /* Firefox 3.6 and earlier */
} |
Try it yourself »
|
ブラウザ・サポート
border-bottom-left-radius プロパティは、IE9+、Firefox 4+、Chrome、Safari 5+、および Opera でサポートされています。
Firefox 3.6 以前では、代替手段として -moz-border-radius-bottomleft プロパティをサポートしています。
定義と用法
border-bottom-left-radius プロパティは、左下隅のボーダーの形状を定義します。
チップ: このプロパティにより、要素へ角丸のボーダーを追加することができます!
| デフォルト値: |
0 |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.borderBottomLeftRadius="5px" |
構文
| border-bottom-left-radius: length|% [length|%]; |
注: border-bottom-left-radius プロパティの、2つのlength または % 値は、
外側のボーダー・エッジのコーナー形状を定義する4分の1長円の半径を定義します。
最初の値は水平の半径で、2番目は垂直の半径です。2番目の値を省略すると、最初の値がコピーされます。
どちらかの長さが0のときは、コーナーはまるくならず、四角になります。
垂直半径のパーセンテージは、ボーダーボックスの高さを参照するのに対して、
水平半径のパーセンテージは、ボーダーボックスの幅を参照します。
| 値 |
説明 |
| length |
左下隅の形状を定義します |
| % |
% で左下隅の形状を定義します |
関連ページ
CSS3 チュートリアル: CSS3 Borders
完全な CSS3 リファレンス
|