English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
padding-El atributo top CSS establece el relleno en la parte superior del borde, es decir, la cantidad de espacio entre el borde superior y el contenido de un elemento. Sin embargo, en muchos casos, el atajo de sintaxis CSS abreviadapaddingMás fácil de usar y más recomendable.
La tabla a continuación 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 |
|---|---|
| Aplique a: | Todos los elementos, excepto<tbody>，<thead>，<tfoot>，<tr>，<colgroup>y<col>。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.paddingTop="2cm" |
La sintaxis de este atributo es la siguiente:
padding-top: length | percentage | initial | inherit
Los siguientes ejemplos muestran cómo usar padding-Atributo top.
h1 {
padding-top: 2em;
}
p {
padding-top: 50px;
}Prueba y mira‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| length | Numeros en unidades como px, pt, cm, em, etc., no se permiten valores negativos. |
| percentage | Especificar el relleno en porcentaje. Se calcula el porcentaje en relación con el ancho del contenedor del elemento. No se permiten valores porcentajes negativos. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el padding del elemento padre-El valor del atributo top. |
padding-La compatibilidad del navegador del atributo top, los números en la tabla a continuación representan la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Consulte los siguientes tutoriales:Relleno CSS，Modelo de caja CSS。
Atributos relacionados:padding，padding-right，padding-abajo，padding-left。