Básico
CSS HomeCSS Introducción
CSS Sintaxis
CSS Su uso
CSS Fondo
CSS Textos
CSS Fuentes
CSS Bordes
CSS Contornos
CSS Márgenes
CSS Relleno
CSS Listas
CSS Tablas
Avanzado
CSS DimensionesCSS Efectos Visuales
CSS Ubicación
CSS Cont. Generado
CSS Pseudo Clases
CSS Pseudo Elementos
CSS Tipos de Medios
Ejemplos y Examen
CSS EjemplosCSS Examen
Guías de referencia
CSS ReferenciasCSS Colores
CSS Tabla de Colores
CSS Relleno
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.
<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>
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 del relleno
| Propiedad | Descripción | Valores | Detalles | Ej. |
|---|---|---|---|---|
| padding | Tamaños para varios rellenos individuales. padding-top: ancho del relleno superior. padding-right: ancho del relleno derecho. padding-bottom: ancho del relleno inferior. padding-left: ancho del relleno derecho. |
longitud | Longitud |  |
| % | Porcentaje | |
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 - 2008 by Martín Solomiak. Todos los derechos reservados.
Mapa del sitio
