docCSS Relleno | Padding
download 
Demanda Transcripción
CSS Relleno | Padding
CSS Relleno | Padding
El relleno se comporta exactamente igual que los
márgenes con la excepción que deja el espacio blanco
entre el elemento y los bordes, o en caso que no
posea bordes, con el margen.
CSS Márgenes | Padding
Las propiedades del relleno padding nos permiten
definir el ancho de los mismos.
La propiedad padding se utiliza para definir el ancho
del espacio que se encuentra entre el elemento y el
borde del mismo.
Esta propiedad define el ancho para los cuatro lados
de la caja.
CSS Márgenes | Margin
Sintaxis
<head>
<style="type:text/css">
selector {padding: valor}
</style>
</head>
Los posibles valores para definir el ancho de los
márgenes
longitud | %
CSS Márgenes | Margin
Vamos a ver como se comporta un texto con un
relleno de 10% alrededor
CSS Relleno | Elementos por separado
Las
propiedades
padding-top,
padding-right,
padding-bottom, padding-left se utilizan para definir
los anchos de los rellenos de cada uno de los bordes
por separado.
Puedes definir los 4 lados o solo aquellos que
necesites.
CSS Márgenes | Elementos por separado
Sintaxis
<head>
<style="type:text/css">
selector {
padding-top: valor;
padding-right: valor;
padding-botton: valor;
padding-left: valor;
}
</style>
</head>
CSS Márgenes | Elementos por separado
Vamos a definir el ancho de cada lado por separado.
