HTML - Problema con la anchura de los bordes en css.

   
Vista:

Problema con la anchura de los bordes en css.

Publicado por gustavo (87 intervenciones) el 04/02/2014 20:07:27
Hola gente de nuevo les vuelvo a pedir ayuda,
estudiando los box model y practicando algunos ejemplos
tengo un problema con la anchura de los bordes que ni siquiera
se muestran.
Los puse de la forma completa y mediante la propiedad resumida
shorthand pero nada, les paso el código a ver si ven algo.

div {border-top-width:10px;border-right-width:1em;border-bottom-width:thick;
border-left-width:thin;}

div {border-width:10px 1em thick thin;}


y este es el código html


<body>
<div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
</div>
</body>


Con border-top-color, border-right-color, border-bottom-color y
border-left-color me pasa lo mismo al igual que con su propiedad shorthand
border-color.
Con la propiedad shorthand border-top,border-right,border bottom y
border-left si los muestra.
Otra cosa que note es que en los estilos de los bordes los valores
groove,ridge,inset y outset solo los toma firefox
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Problema con la anchura de los bordes en css.

Publicado por Alejandro Bouzas (1 intervención) el 04/02/2014 20:23:13
border: solid

Te falta esto y quedaría así

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
	    <head>
	        <style type="text/css">
		            div {
				                border: solid;
				border-width:10px 1em thick thin;
			}
	</style>
	</head>
	<body>
		<div>
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit
		</div>
 
	</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Problema con la anchura de los bordes en css.

Publicado por gustavo (87 intervenciones) el 04/02/2014 21:19:51
ah ok Alejandro gracias y se podria hacer de la forma larga poniendo el border:solid adelante tambien?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Problema con la anchura de los bordes en css.

Publicado por Gustavo (87 intervenciones) el 13/02/2014 21:43:11
Listo la solución seria la siguiente



1
div {border:dashed red;border-top-width:10px;border-right-width:1em;border-bottom-width:thick;border-left-width:thin;}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de xve

Problema con la anchura de los bordes en css.

Publicado por xve (1178 intervenciones) el 13/02/2014 21:46:57
Gracias por comentarlo Gustavo!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar