English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
A propriedade CSS top especifica a margem superior do elemento. Esta propriedade define o deslocamento entre a margem superior externa do elemento de posicionamento e a margem superior do bloco contido.
Para elementos de definição relativa, se top e bottom forem ambos auto, seus valores calculados serão 0; se um deles for auto, ele adotará o número oposto do outro valor; se ambos não forem auto, bottom adotará o número oposto de top.
Atenção: Se o valor do atributo "position" for "static", a configuração do atributo "top" não terá nenhum efeito.
ParaAlinhamento absolutoElemento, o atributo top especifica a distância do topo do retângulo do elemento da borda superior do bloco contido.
ParaAlinhamento relativoElemento, o atributo top especifica o offset da borda superior do retângulo em relação à borda superior do retângulo (isto é, define a posição no fluxo normal e então desloca com base nestes atributos).
A tabela a seguir fornece a descrição de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso nessa propriedade no script JavaScript.
| Valor padrão: | auto |
|---|---|
| Aplicável a: | Elemento alinhado |
| Herança: | Não |
| Animável: | Sim.Consulte Propriedades de animação。 |
| Versão: | CSS 2、3 |
| Sintaxe em JavaScript: | object.style.top="60px" |
A sintaxe dessa propriedade é a seguinte:
top: length | percentage | auto | initial | inherit
Os exemplos a seguir demonstram como usar o atributo top.
p {
position: absolute;
top: 150px;
}Teste e veja‹/›A tabela a seguir descreve os valores dessa propriedade.
| Valor | Descrição |
|---|---|
| length | Valores numéricos em unidades como px, pt, cm, em, etc., permitindo valores negativos. |
| percentage | Especifique a offset em porcentagem. Calculado em porcentagem da altura do bloco contido do elemento. Permite valores negativos em porcentagem. |
| auto | O navegador calcula a posição da borda superior. Este é o valor padrão. |
| initial | Defina essa propriedade para seu valor padrão. |
| inherit | Se especificado, o elemento relacionado adota o valor da propriedade top do elemento pai. |
Compatibilidade do navegador do atributo top, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.
|
Consulte a seguinte tutorial:Posição do CSS，Camada do CSS。
Propriedades relacionadas:position，left，right，bottom，z-index。