En-tete Astuces divers html et css
Classic Moderne

Bordure en dégradé:

Border-colors

Border-colors est une propriété uniquement reconnue par Mozilla Firefox 3.0+ et pas "IE10" testé ce jour 17.08.2014.

Border-colors permet de déclarer plusieurs valeurs de couleurs à appliquer sur la bordure d'un élément.

En voici une illustration (Voir le résultat sur votre navigateur):

Rendu de border-color


.gradient {
-moz-border-bottom-colors:#897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2;
-moz-border-top-colors: #897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2;
-moz-border-left-colors: #897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2;
-moz-border-right-colors:#897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2;
}

Puisque cette propriété n'est pas vraiment répandue, nous n'allons pas entrer dans les détails.









Haut-de-Page