Borde que no ocupe ancho?

[SandraPS]

Hola!!
Esta es mi primera pregunta al foro.
Mi problema es el siguiente:
Tengo un contenedor de 1000px de ancho en el cual hay un menú de 5 columnas las cuales deben tener el mismo ancho, por lo que les puse de ancho 20%....la cosa es que deben estar separadas por un borde...a esas 5 columnas les puse como estilo "border:#000 1px solid;"....el problema es que oooobviamente el ancho suma más de 1000px y la última columna la baja...lo había arreglado poniéndole de ancho a las columnas '19.88%'.....peeeeero el profesor al que le tendré que entregar esta práctica dice que hay forma en que se queden con el 20% de ancho....hay manera de que el borde no afecte a mi última columna mandándola hacia abajo?

*PD. ya intenté con margen -1.5px....pero cuando paso el mouse por la opción debe cambiar el fondo de la columna y se deja de ver el borde izquierdo

[chichote]

yo lo hago con box-shadow.

Código CSS:

box-shadow: 0px 0px 0px 1px #000000;
 

Saludos.

[SandraPS]

chichote, gracias por tu respuesta...le preguntaré a mi profesor si me lo vale así, porque como puso sus parámetros...espero que no sea a fuerzas con un borde, jaja...gracias (:

[pzin]

Otra opción sería usar box-sizing, para cambiar el modelo de caja y que el borde sea parte del ancho. Aunque al hacer esto, también padding formará parte de ese ancho.

Código CSS:

box-sizing: border-box;
 

[chichote]

como siempre Bonez aportando, esa no la sabia, buena viejo.

Saludos.

[SandraPS]

Iniciado por Bonez

Otra opción sería usar box-sizing, para cambiar el modelo de caja y que el borde sea parte del ancho. Aunque al hacer esto, también padding formará parte de ese ancho.

Código CSS:

box-sizing: border-box;
 

:O es perfecto!! mil graciaas!! ;D has salvado mi proyecto, jaja

[informacionsys]

ok, si le restas el borde al ancho ?

[SandraPS]

Iniciado por informacionsys

ok, si le restas el borde al ancho ?

Noup, eso fue lo que dije que hice y mi profesor dijo que se podía dejar el 20% de ancho...de todas formas, con "box-sizing:border-box;" queda perfectamente solucionado :P porque te pone el borde hacia dentro del div (: