Un moyen de déclarer une taille / bordure partielle à une boîte?

Question

Un moyen de déclarer une taille / bordure partielle à une boîte en CSS? Par exemple, une boîte avec qui n’affiche qu’une bordure inférieure dans ses premières . Je pense que cela pourrait être très utile.

Exemples:

Answer 1

Pas vraiment. Mais il est très facile d’obtenir l’effet d’une manière qui se dégrade gracieusement et ne nécessite aucun balisage superflu :But it’s very easy to achieve the effect in a way that degrades gracefully and requires no superfluous markup:

<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js"> <div class="snippet-code">

</div></div>

Answer 2

J’ai utilisé une grille pour construire dessiner certaines des frontières.

Voir ici.

code:

Answer 3

CSS ne prend pas en charge les bordures partielles. Vous devez utiliser un élément adjacent pour simuler cela.