CSS:-moz-border-bottom-colors

Un article de MDC.

« Référence CSS « Référence CSS:Extensions Mozilla

[modifier] Résumé

Dans les applications Mozilla, -moz-border-bottom-colors définit les couleurs du côté inférieur de la bordure. Elle doit être définie comme une liste de couleurs. Lorsqu'un élément possède une bordure plus large qu'un unique pixel, chaque ligne de pixel utilise la couleur suivante spécifiée dans la liste de cette propriété, de l'extérieur vers l'intérieur. Ceci supprime la nécessité d'utiliser des boîtes imbriquées les unes dans les autres. Si la bordure est plus large que le nombre de couleurs spécifiées pour la propriété, les lignes restantes de la bordure (celles situées vers l'intérieur) utiliseront la dernière des couleurs spécifiées :

• Valeur initiale : N/A
• S'applique à : tous les éléments
• Héritée : non

La présence de -moz-border-bottom-colors entraîne l'utilisation d'un code spécifique pour cette bordure, écrit pour réaliser le rendu des bordures des éléments de l'interface utilisateur, mais elle ne supporte pas certaines des autres propriétés des bordures.

[modifier] Syntaxe

-moz-border-bottom-colors: [<color> | transparent,]* <color> | transparent

[modifier] Valeurs

<color> 

Définit la couleur d'un ligne de pixels pour le côté inférieur de la bordure.

transparent 

La ligne de pixels n'a pas sa propre couleur, mais celle de l'élément situé derrière elle.

[modifier] Propriétés connexes

• -moz-border-left-colors définit la couleur de bordure du côté gauche.
• -moz-border-right-colors définit la couleur de bordure du côté droit.
• -moz-border-top-colors définit la couleur de bordure du côté supérieur.

[modifier] Exemples

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

  /* La couleur de la bordure inférieure sera rouge, verte, blue, blanche
     puis blanche en partant de l'extérieur */
  -moz-border-bottom-colors: #FF0000 #00FF00 #0000FF #FFFFFF;
}