¿Hay alguna forma de asignar 3 bordes (por ejemplo, a la izquierda, a la derecha y arriba) todos a la vez en lugar de asignarlos individualmente?

Question

Si configura todos los bordes para que sean iguales, simplemente puede hacer algo como border: 1px solid #DDD. Ahora, si tengo que hacer solo 3 de ellos, me veo obligado a escribir cada uno como border-left: 1px solid #DDD, border-top: 1px solid #DDD, etc. ¿Hay alguna manera de combinarlos en una sola línea? Algo así como border-{left,right,top}: 1px solid #DDD

La opción más simple de dos líneas que tengo es establecer primero todos los bordes y desactivar uno de ellos. Pero restablecí todas las fronteras a cero al comienzo del script, por lo que esto es algo redundante.

Answer 1

3 líneas

2 líneas

div { 
    border: 1px solid red; 
    border-left: 0; 
} 

Ver http://css-tricks.com/three-sided-border/

Answer 2

supongo que no hay solución para esto. La técnica de mano corta para el atributo de borde no está disponible para establecer múltiples bordes.

puede probar esto:

border: #ffffff solid; 
border-width: 3px 2px 1px 0;