Los márgenes indican la separación entre el borde del bloque y el borde del documento, o elemento padre. Se pueden fijar los márgenes derecho, izquierdo, superior e inferior. Para ello se deben utilizar los siguientes nombres de propiedad:
Sintaxis CSS
- margin-top
- margin-bottom
- margin-left
- margin-right
- margin
Sintaxis JavaScript
- marginTop
- marginBottom
- marginLeft
- marginRight
- margins()
En vez de especificar los dos márgenes se puede utilizar la propiedad width. Se pueden utilizar valores específicos, como 200 puntos, o valores relativos, como el 50% de la anchura del elemento padre.
Es redundante fijar los dos márgenes y la anchura, pues dos de estos tres valores implican el tercero. Para especificar los márgenes por defecto para un documento se deben especificar para la etiqueta <body>. En el siguiente ejemplo se fijan dichos márgenes en 20 puntos a derecha e izquierda.
Sintaxis CSS
<style type="text/css">
body {margin-left: 20pt; margin-right: 20pt;}
</style>
Sintaxis JavaScript
<style type="text/javascript">
with (tags.body) { marginLeft="20pt"; maginRight="20pt"; }
</style>
No hay comentarios:
Publicar un comentario