Búsqueda personalizada
 
 
 
 
Propiedades relacionadas al border (FORMATO RESUMIDO)
 

Podemos inicializar todos los bordes con una sola propiedad:

border

Debemos indicar el border-width border-style border-color
No debemos separarlas por coma.
Por otro lado podemos inicializar cada borde con:

border-top
border-right
border-bottom
border-left

Debemos indicar el border-(top/right/bottom/left)-width border-style border-color

Un ejemplo nos permitir ver esta otra forma de inicializar los bordes de una marca HTML:

 

<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<h1 class="tituloprincipal">Propiedad border</h1>
<p class="comentarios">Debemos 
indicar el border-width border-style 
border-color</p>
</body>
</html>

Y la hoja de estilo definida para esta pgina es:

h1.tituloprincipal{
  border:5px solid #ff0000;
}
p.comentarios{
  border-top:1px solid #ffff00;
  border-right:1px none #ffff00;
  border-bottom:1px solid #ffff00;
  border-left:1px none #ffff00;
}

Tener en cuenta que cuando le antecedemos el nombre de la marca HTML al nombre de la clase: h1.tituloprincipal estamos indicando que dicha clase slo se puede aplicar a dichas marcas. De todos modos, si le sacamos el nombre de la marca HTML funciona igual.

 
 
 
 
       

¿Quienes somos?

Condiciones de uso

Publicidad

Privacidad de la informacion