Búsqueda personalizada
 
 
 
 
Propiedades relacionadas al borde de una marca HTML
 

Debemos ahora hacernos la idea que todo elemento que se crea dentro de una pgina HTML genera una caja. Imaginemos los controles que hemos creado h1,h2,h3,p,em, etc.; si fijamos la propiedad background-color veremos que el contenido se encuentra dentro de un rectngulo.

Podemos acceder a las propiedades del borde de ese rectngulo mediante las CSS; las propiedades ms importantes a las que tenemos acceso son:

border-width
border-style
border-color

Veamos un ejemplo que inicialice estas propiedades:

pagina1.html
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css"> 

</head>
<body>
<p class="pregunta">Quin descubri Amrica 
y en que ao fue?</p>
<p class="respuesta">Coln en 1492</p>
</body>
</html>
estilos.css
.pregunta {
  background-color:#ffff00;
  border-width:1px;
  border-style:solid;
  border-color:#000000;
}
.respuesta {
  border-width:1px;
  border-style:dashed;
  border-color:#000000;
}

Como podemos ver, hemos definido dos clases .pregunta que inicializa el color de fondo en amarillo y luego define el ancho del borde en un pixel, el estilo es slido y el color de la lnea de borde es negro.
Luego recordar que para indicar que una marca tenga este estilo debemos inicializar la propiedad class de la marca HTML:

<p class="pregunta">Quién descubrió América 
y en que año fue?</p>

Al segundo estilo definido lo hemos hecho con la clase .respuesta

.respuesta {
  border-width:1px;
  border-style:dashed;
  border-color:#000000;
}

En sta hemos cambiado el estilo de borde.
Disponemos de los siguientes estilos de borde:

none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset

Para conocer la sintaxis para la definición de clases veamos un ejemplo, la pagina1.html es:

 
 
 
 
       

¿Quienes somos?

Condiciones de uso

Publicidad

Privacidad de la informacion