English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
margen-Uso y ejemplo del atributo topmargenEste atributo de CSS abreviado es más conveniente y recomendado de usar.
La tabla siguiente describe el uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | 0 |
|---|---|
| Aplique 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 |
| JavaScript syntax: | object.style.marginTop="20px" |
La sintaxis de este atributo es la siguiente:
margen-top: length | percentage | auto | initial | inherit
Los siguientes ejemplos muestran cómo usar el margen-Atributo top.
h1 {
margen-top: 25px;
}
p {
margen-top: 50px;
}Prueba y observa‹/›La tabla siguiente describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| length | Valor de tamaño, en px, pt, cm, em, etc. Se permiten valores negativos. |
| percentage | Porcentaje. Se calcula como porcentaje del ancho del contenedor del elemento. |
| auto | El navegador calculará el margen del elemento especificado. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el margen del elemento padre-Valor del atributo top. |
margen-La compatibilidad del navegador del atributo top, los números en la tabla siguiente representan la versión más baja del navegador que admite el atributo; todos los navegadores populares admiten este atributo.
|
Consulte los siguientes tutoriales:Margen de CSS,Modelo de caja de CSS.
Atributos relacionados:margen,margen-derecha,margen-inferior,margen-left.