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

 
Vista:
sin imagen de perfil

Problema con la anchura de los bordes en css.

Publicado por gustavo (115 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
sin imagen de perfil

Problema con la anchura de los bordes en css.

Publicado por gustavo (115 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
sin imagen de perfil

Problema con la anchura de los bordes en css.

Publicado por Gustavo (115 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
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Problema con la anchura de los bordes en css.

Publicado por xve (1543 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