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

Podemos inicializar el padding de una marca HTML en forma resumida con:

padding:padding-top 
padding-right
padding-bottom
padding-left

si indicamos un nico valor se aplica a los cuatro lados:

padding: 1px

si indicamos dos valores, el primero se aplica a la parte superior e inferior y el segundo valor a los lados izquierdo y derecho.
Veamos un ejemplo:

<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<p class="comentarios">Esto es una prueba para ver el funcionamiento 
de la propiedad padding.
Esto es una prueba para ver el funcionamiento de la propiedad padding.
Esto es una prueba para ver el funcionamiento de la propiedad padding.
Esto es una prueba para ver el funcionamiento de la propiedad padding.
Esto es una prueba para ver el funcionamiento de la propiedad padding.
Esto es una prueba para ver el funcionamiento de la propiedad padding.
Esto es una prueba para ver el funcionamiento de la propiedad padding.
</p>
</body>
</html>

Luego el archivo CSS:

p.comentarios {
  background-color:#dddddd;
  padding:5px 30px;
}

Con este ejemplo, el prrafo tiene 5 pxeles de separacin con el borde en la parte inferior y superior, y a la izquierda y derecha tiene 30 pxeles.

 
 
 
 
       

¿Quienes somos?

Condiciones de uso

Publicidad

Privacidad de la informacion