Hds 6 Pading

HTML Y CSS
CSS: padding
La propiedad CSS padding establece el espacio de relleno requerido por todos los lados de un
elemento. El área de padding es el espacio entre el contenido del elemento y su borde (border).
No se permiten valores negativos.
Ejemplo de html: relleno.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PRIMEROS PASOS PADING</title>
<link rel="stylesheet" type="text/css" href="miestilo.css">
</head>
<body>
<h4>¡Hola Mundo!</h4>
<h3>El padding es diferente en esta linea.</h3>
</body>
</html>
Ejemplo de html: miestilo.html
h4{
background-color: green;
padding: 100px 10px 20px 70px;
h3{
background-color: blue;
padding: 40px 300px;
}
padding: 5%; /* aplica 5% de padding en todos los lados*/
padding: 10px; /* aplica 10px de padding en todos los lados */
padding: 10px 20px; /* arriba y abajo, 10px de padding */
/* izquierda y derecha, 20px de padding */
padding: 10px 3% 20px; /* arriba, 10px de padding */
/* izquierda y derecha, 3% de padding */
/* bottom, 20px padding */
padding: 1em 3px 30px 5px; /* arriba 1em padding */
/* derecha 3px padding */
/* abajo 30px padding */
/* izquierda 5px padding

Hds 6 Pading

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Hds 6 Pading

Cargado por

Copyright:

Formatos disponibles

HTML Y CSS

Ejemplo de html: relleno.html

<title>PRIMEROS PASOS PADING</title>

<link rel="stylesheet" type="text/css" href="miestilo.css">

<h3>El padding es diferente en esta linea.</h3>

padding: 100px 10px 20px 70px;

padding: 40px 300px;

padding: 10px; /* aplica 10px de padding en todos los lados */

padding: 10px 20px; /* arriba y abajo, 10px de padding */

/* izquierda y derecha, 20px de padding */

padding: 10px 3% 20px; /* arriba, 10px de padding */

/* izquierda y derecha, 3% de padding */

/* bottom, 20px padding */

padding: 1em 3px 30px 5px; /* arriba 1em padding */

/* derecha 3px padding */

/* abajo 30px padding */

/* izquierda 5px padding

También podría gustarte