2011-12-05 28 views
13

Si quiero tener borde en los tres lados, ¿tengo que declarar el borde para cada lado, por ejemplo.CSS borde en tres lados

border-left:1px solid green; 
border-bottom:1px solid green; 
border-right:1px solid green; 

o hay alguna forma de acceso directo?

Respuesta

29
border: 1px solid green; 
border-top: 0; 
+0

Alguien ha probado esto? No funciona para mí ... –

+0

¿Lo viste funcionando en * cualquier * navegador? Estoy en un Mac y no funcionó en safari, Chrome o Firefox –

+0

solo unos años tarde, pero funciona muy bien para mí – thatOneGuy

10

Bueno, hay un poco camino más corto - pero no es lo que se llama un acceso directo ...

border: 1px solid green; 
border-top: 0; 

O usted podría declarar los elementos parciales que permitan la claridad:

border-color: green; 
border-style: solid; 
border-width: 0 1px 1px 1px; 
3
border:1px solid green; 
border-top: none; 

Nota: Yo no haría esto yo mismo, personalmente; podría ser confuso para quienes lo leen, y realmente no hay necesidad. Aunque la forma original implica repetición, es mínima.

2

esto es un poco más corto y hace lo mismo:

border:1px solid green; 
border-top:0; 
2

No es necesario declarar el border-top style y luego anularlo:

border: 1px green; 
border-style: none solid solid; 
Cuestiones relacionadas