Combinaison de border-top,border-right,border-left,border-bottom dans CSS

Question

Existe-t-il un moyen de combiner border-top, border-right, border-left, border-bottom en CSS comme un style super sténographique.

Eg:

Answer 1

Non, vous ne pouvez pas tous les définir dans une seule instruction.
Dans le cas général, vous avez besoin d’au moins trois propriétés :

Cependant, ce serait assez désordonné. Il serait plus lisible et maintenable avec quatre :

Answer 2

Votre cas est extrême, mais voici une solution pour les autres qui correspond à un scénario plus courant de vouloir styliser moins de 4 bordures exactement de la même manière.

c’est un peu plus court, et peut-être plus facile à lire que

ou

Answer 3

Je peux comprendre le problème, il devrait y avoir un raccourci comme...

Bien sûr, cela ne fonctionne pas! La réponse de Kobi m’a donné une idée. Disons que vous voulez faire en haut, en bas et à gauche, mais pas à droite. Au lieu de faire border-top: border-left: border-bottom: (trois instructions) vous pouvez en faire deux comme ceci, le zéro annule le côté droit.

Deux énoncés au lieu de trois, une petite amélioration :-D

Answer 4

Ou si toutes les bordures ont le même style, il suffit de :