非標準
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
概要
Mozilla アプリケーションでは、-moz-border-bottom-colors で border の下辺の color を設定します。値にはカラーのリストを設定しなければなりません。要素が 1 ピクセルより太い線幅の border を持つ場合、各ピクセルの線はプロパティで指定された次の color を外側から内側に向かって使用します。これは入れ子状のボックスを除去する必要があります。border がこのプロパティで指定された color の数よりも線幅が太いときは、border の残りの最も内側の color は次の値が指定されます:
- 初期値: N/A
- 適用範囲: すべての要素
- 継承: しない
-moz-border-bottom-colors の存在によって、ユーザインタフェース要素の border を描画するために設計された別の border 描画コードが実行されます。しかし、他のいくつかの border プロパティはサポートしません。
構文
-moz-border-bottom-colors: [<color> | transparent,]* <color> | transparent
値
- <color>
- border 下辺のピクセルの線の color を指定します。
- transparent
- ピクセルの線は自身の color を持ちません。代わりに要素の背面の color が表示されます。
関連するプロパティ
- -moz-border-left-colors は border の左辺の color を設定します。
- -moz-border-right-colors は border の右辺の color を設定します。
- -moz-border-top-colors は border の上辺の color を設定します。
例
hbox.example {
border: 5px solid #000000;
/* border の下辺の color が外側から、
赤、緑、青、白、続いて白になります。 */
-moz-border-bottom-colors: #FF0000 #00FF00 #0000FF #FFFFFF;
}