English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia de CSS

reglas de CSS @

大全 de Atributos CSS

Margen de CSS-Uso y ejemplo del atributo left

margin-Atributo left CSS para establecer el margen izquierdo del elemento. Sin embargo, en muchos casos, comomarginEste atributo de CSS abreviado es más conveniente y recomendado de usar.

La tabla siguiente proporciona una descripción de uso y un historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:0
Aplicable a:Todos los elementos, excepto table displayTipo (table-caption table inline-elementos fuera de table) . También se aplica a ::first-letter.
Herencia:No
Animable:Sí.Consulte Atributos de animación.
Versión:CSS 1,2,3
Sintaxis de JavaScript:object.style.marginLeft="20px"

margin-Sintaxis de uso de left

La sintaxis de este atributo es la siguiente:

margin-left: length | percentage | auto | initial | inherit

Los siguientes ejemplos muestran cómo usar margin-Atributo left.

  h1 {
   margin-left: 25px;
  }
  p {
   margin-left: 50px;
  }
Ver el‹/›

Valor del atributo

La tabla siguiente describe los valores de este atributo.

ValorDescripción
lengthValor de longitud, medido en px, pt, cm, em, etc. Se permiten valores negativos.
percentagePorcentaje. Se calcula como porcentaje del ancho del contenedor del elemento.
autoEl navegador calculará el margen del elemento especificado.
initialEstablecer este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el margen del elemento padre-Valor del atributo left.

Compatibilidad del navegador

margin-La compatibilidad del navegador del atributo left; los números en la tabla siguiente representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Leer más

Consulte los siguientes tutoriales:Margen de CSS,Modelo de caja de CSS.

Propiedades relacionadas:margin,margin-top,margin-right,margin-bottom.