Bonjour,

Afin d'améliorer la lisibilité, je cherche à définir la couleur de la bordure inférieure des lignes d'une table avec le dégradé suivant:
linear-gradient(right, rgb(189,183,107) 0%, transparent 50%)
(la table a un fond noir et police blanche)

Le meilleur résultat que j'ai réussi a obtenir est uniquement sous Chrome avec:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
<style>
table {
    width:100%;
    background-color:black; color:DarkKhaki;
    border-collapse:collapse; border-spacing:0px}
table td:nth-last-child(1) {text-align:right}
table tr:nth-last-child(1) {border:none}
table tr {border-bottom: 1px solid rgb(189,183,107)}
 
.test {
border-style: solid;
border-image: -webkit-linear-gradient(right, rgb(189,183,107) 0%, transparent 50%) 10 10 stretch stretch;
border-image:    -moz-linear-gradient(right, rgb(189,183,107) 0%, transparent 50%) 10 10 stretch stretch;
border-image:     -ms-linear-gradient(top, rgb(189,183,107) 0%, transparent 50%) 10 10 stretch stretch;
border-image:      -o-linear-gradient(top, rgb(189,183,107) 0%, transparent 50%) 10 10 stretch stretch;
border-image:         linear-gradient(top, rgb(189,183,107) 0%, transparent 50%) 10 10 stretch stretch
}
</style>
</head>
<body>
<table>
    <tr> <td>Première ligne</td> <td>1500</td> </tr>
    <tr> <td>Deuxième ligne</td> <td>3000$</td> </tr>
    <tr class="test"> <td>Troisième ligne</td> <td>40%</td> </tr>
    <tr> <td>Dernière ligne</td> <td>Coucou Toto!</td> </tr>
</table>
 
<p class="test">
Cela marche bien pour un paragraphe sous Chrome seulement, mais je ne veut que la bordure inférieure pas celle de droite ni de dessus.
Comment adapter à une ligne de table?
</p>
 
</body>
</html>
J'ai également tenté avec border-colors mais ce n'est pas dans le bon sens (dégradé vers l'intérieur)
... et aussi border-bottom-image, ou border-bottom-color ne fonctionnent sous aucun navigateur...

Quelqu'un aurait-il une idée s.v.p. ? (si possible sans utiliser le hack du double div)

Merci d'avance.