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 Márgenes
<<< Contornos - Outline en CSS Relleno - Padding en CSS >>>
Márgenes con CSS
El margen es un espacio invisible alrededor del elemento, que le permite al mismo mantener distancia de otros elementos.
Las propiedades de los márgenes(margin en inglés) nos permiten definir el ancho de los mismos.
Código
<html>
<head>
<style type="text/css">
h4{margin:30px; border:thin solid}
</style>
</head>
<body>
<p>Texto, texto, texto, texto, texto, texto, texto.</p>
<h4>Texto separado 30 píxeles del texto.</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 texto.
Texto, texto, texto, texto, texto, texto, texto.
Tabla de las propiedades de los márgenes
| Propiedad | Descripción | Valores | Detalles | Ej. |
|---|---|---|---|---|
| margin | Ancho para varios márgenes individuales. margin-top: Define el ancho del margen superior. margin-right: Define el ancho del margen derecho. margin-bottom: Define el ancho del margen inferior. margin-left: Define el ancho del margen izquierdo. |
longitud | Longitud |  |
| % | Porcentaje | |
||
| auto | Automático | |
¿No encuentras lo que buscas?
<<< Contornos - Outline en CSS Relleno - Padding 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
