CSS

CSS Relleno

Deja un espacio entre el elemento y el borde del mismo.

Relleno con CSS

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.

Las propiedades del relleno(padding en inglés) nos permiten definir el ancho de los mismos.

Código


<html>
<head>
 <style type="text/css">
  h4{padding:30px; border:thin solid}
 </style>
</head>

<body>
 <p>Texto, texto, texto, texto, texto, texto, texto.</p>
 <h4>Texto separado 30 píxeles del los bordes.</h4>
 <p>Texto, texto, texto, texto, texto, texto, texto.</p>
</body>
</html>

Resultado

Texto, texto, texto, texto, texto, texto, texto.

Texto separado 30 píxeles del los bordes.

Texto, texto, texto, texto, texto, texto, texto.

Tabla de las propiedades de padding (relleno)

Propiedad	Descripción	Valores	Detalles	Ej.
padding	Tamaños para varios padding individuales. padding-top: ancho del padding superior. padding-right: ancho del padding derecho. padding-bottom: ancho del padding inferior. padding-left: ancho del padding derecho.	longitud	Longitud
padding		%	Porcentaje

¿No encuentras lo que buscas?

<<< Márgenes - Margin en CSS Listas - List en CSS >>>

Artículos

Los mejores 10 hostings

Buscando cual es el mejor hosting que existe en el mercado, me he topado con una gran cantidad de sitios que presentan un ranking de los 10 mejores hosting del mundo. Como cada uno tiene en su lista, diferentes empresas de alojamiento web, en un orden de ranking muy distinto, he decidido investigar cual era la mejor. continúe leyendo...

CSS

Básico

Avanzado

Ejemplos y Examen

Guías de referencia