margin
Establece el ancho de los márgenes superior, derecho, inferior e izquierdo del objeto.
Sintaxis
{ margin: sMargin }
Valores posibles
sMargin
Cadena que especifica hasta cuatro de los valores siguientes delimitados por espacios:
top |
Cualquiera de los valores de ancho de margen disponibles en la propiedad margin-top . |
right |
Cualquiera de los valores de ancho de margen disponibles en la propiedad margin-right . |
bottom |
Cualquiera de los valores de ancho de margen disponibles en la propiedad margin-bottom . |
left |
Cualquiera de los valores de ancho de margen disponibles en la propiedad margin-left . |
La propiedad tiene el valor predeterminado 0 0 . No se hereda.
Observaciones
Es una propiedad abreviada que especifica hasta cuatro valores de ancho en el siguiente orden: superior, derecho, inferior, izquierdo. Si se especifica un valor de ancho, se usa para los cuatro lados. Si se especifican dos valores de ancho, se usa el primero para los bordes superior e inferior y el segundo para los bordes izquierdo y derecho. Si se especifican tres valores de ancho, se usan para los bordes superior, derecho/izquierdo e inferior respectivamente. Se admiten márgenes negativos, excepto para los márgenes superior e inferior en los objetos en línea.
Para los elementos en línea, se usan los valores superior e inferior para calcular el área de borde de un elemento en línea que lo rodea, si existe. Estos valores no contribuyen al alto de una línea.
Los márgenes siempre son transparentes.
Ejemplos
En el siguiente ejemplo se usa la propiedad margin para cambiar el margen del objeto. Se utiliza el objeto IMG como selector para establecer el margen de las imágenes en 1 centímetro.
<style>
img {margin:1cm}
</style>
Información sobre estándares
Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)) .png "Ee371267.xtlink_newWindow(es-es,Expression.40).png")
.
Aplicable a
a, abbr, acronym, b, bdo, big, blockquote, body, button, caption, center, cite, code, custom, dd, defaults, del, dfn, div, dl, dt, em, embed, fieldset, font, form, hn, hr, i, iframe, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, ins, li, object, ol, p, q, s, span, sub, table, td, th, tt, u, ul, var, xmp