Borde-left solid,seulement/la moitié supérieure de l'élément

Fermé

Jules - 15 févr. 2023 à 00:31
Dudule - 16 févr. 2023 à 16:02

Bonjour

Je souhaite qu'un border de cellule soit visible uniquement sur la moitié inférieure (ou la moitié supérieure).

Dans mon exemple

myclass tr:first-child td => moitié inférieure au lieu du rouge.

 <link rel="stylesheet" type="text/css" href="a.css">

<table class="myclass">

<tr>
<td>ligne 1 colonne 1</td>
<td>ligne 1 colonne 2</td>
</tr>

<tr>
<td>ligne 2 colonne 1</td>
<td>ligne 2 colonne 2</td>
</tr>

<tr>
<td>ligne 3 colonne 1</td>
<td>ligne 3 colonne 2</td>
</tr>

</table>

.myclass
{
    border:none;
}
.myclass td
{
      border-left:solid;
      
}

.myclass tr:first-child td 
{
      border-color:red;
}

.myclass tr:last-child td
{
    border-color:blue;
}

Des idées ? ????

A voir également:

N'affichez que les personnes de calais ayant 20 ans et une note supérieure ou égale à 12. quel mot apparaît dans la colonne code ?
Déplacer une colonne excel - Guide
Code ascii de a - Guide
Identifiant et mot de passe - Guide
Formule somme excel colonne - Guide

1 réponse

Réponse 1 / 1

Pitet
16 févr. 2023 à 13:19

Bonjour,

Si j'ai bien compris, tu peux éventuellement essayer avec border-image :

.myclass tr:first-child td {
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, white 0%, white 50%, red 50%) 1 100%;
}

Dudule
Modifié le 16 févr. 2023 à 16:02

Merci

Discussions similaires

comment donner les droits sur fichier partage

Voxbone ? qui est-ce ?

Mot de passe administrateur Freebox : où le trouver ?

Comment transformer une note sur 20

Convertir une note sur 14