Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at


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

border 下辺のピクセルの線の color を指定します。
ピクセルの線は自身の color を持ちません。代わりに要素の背面の color が表示されます。


hbox.example {
  border: 5px solid #000000;

  /* border の下辺の color が外側から、
     赤、緑、青、白、続いて白になります。 */
  -moz-border-bottom-colors: #FF0000 #00FF00 #0000FF #FFFFFF;


 このページの貢献者: teoli, ethertank, Marsf
 最終更新者: teoli,