CSS
Básico
CSS HomeCSS Introducción
CSS Sintaxis
CSS Su uso
CSS Fondo
CSS Texto
CSS Fuente
CSS Bordes
CSS Contorno
CSS Margen
CSS Padding
CSS Lista
CSS Tablas
Avanzado
CSS DimensionesCSS Efectos Visuales
CSS Ubicación
CSS Contenido/Numerac.
CSS Pseudo Class
CSS Pseudo Element
CSS Tipos de Medios
Ejemplos y Examen
CSS EjemplosCSS Examen
Guías de referencia
CSS Guía de ReferenciaCSS Colores
CSS Código de Colores
CSS Relleno
<<< Márgenes - Margin en CSS Listas - List en CSS >>>
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 |  |
| % | Porcentaje | |
¿No encuentras lo que buscas?
<<< Márgenes - Margin en CSS Listas - List en CSS >>>
Diseño Web
Virtualnauta provee del material para uso exclusivo de aprendizaje.
No garantizamos que el contenido sea correcto.
El riezgo por el uso del mismo queda bajo la entera responsabilidad del usuario.
Mientras use este sitio, usted acuerda haber leido y aceptado nuestros términos de uso y privacidad.
Copyright 2007 - 2009 by Martín Solomiak. Todos los derechos reservados.
Mapa del sitio
