Foros del Web » Creando para Internet » CSS »

¿Diferencias?

Estas en el tema de ¿Diferencias? en el foro de CSS en Foros del Web. Buenas, me gustaría saber exactamente cual es la diferencia entre la propiedad padding, y la propiedad margin de CSS, ya que he obtenido el mismo ...
  #1 (permalink)  
Antiguo 15/03/2009, 11:15
 
Fecha de Ingreso: diciembre-2008
Ubicación: San Sebastián
Mensajes: 15
Antigüedad: 9 años
Puntos: 0
Pregunta ¿Diferencias?

Buenas, me gustaría saber exactamente cual es la diferencia entre la propiedad padding, y la propiedad margin de CSS, ya que he obtenido el mismo resultado en ambos códigos:
Código:
p.leftmargin{padding-left: 2cm;}
Código:
p.leftmargin{margin-left: 2cm;}
Un saludo.
  #2 (permalink)  
Antiguo 15/03/2009, 11:21
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: ¿Diferencias?

Hola Bb-7

margin es el margen externo y padding es el margen interno:

Haz la prueba cambiando los valores en este ejemplo:

Código css:
Ver original
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. div {border:1px solid red; margin:1cm; padding:2cm}
  5. </style>
  6. </head>
  7. <body>
  8. <p>---</p>
  9. <div>Prueba</div>
  10. <p>---</p>
  11. </body>
  12. </html>

Saludos,
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:00.