English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attribut CSS top spécifie le bord supérieur de l'élément. Cet attribut définit le décalage entre la bordure externe supérieure de l'élément positionné et la bordure supérieure de son conteneur.
Pour les éléments de définition relative, si top et bottom sont tous deux auto, leur valeur calculée est de 0 ; si l'un d'eux est auto, on prend la valeur opposée de l'autre ; si les deux ne sont pas auto, bottom prendra la valeur opposée de top.
Remarque : Si la valeur de la propriété position est "static", l'application de la propriété top n'aura aucun effet.
PourPosition absoluteÉlément, cette propriété top spécifie la distance d'offset du bord supérieur de la boîte de l'élément par rapport au bord supérieur du conteneur.
PourPosition relativeÉlément, cette propriété top spécifie le décalage de l'arrière-plan de l'élément par rapport au bord supérieur de la boîte elle-même (c'est-à-dire, une position normale dans le flux, puis un décalage en fonction de ces propriétés).
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.
| Valeur par défaut : | auto |
|---|---|
| Applicable à : | Élément positionné |
| Héritage : | Non |
| Animable : | Oui.Veuillez consulter Attributs d'animation。 |
| Version : | CSS 2、3 |
| Syntaxe JavaScript : | object.style.top="60px" |
La syntaxe de cette propriété est la suivante :
top: length | percentage | auto | initial | inherit
Les exemples suivants montrent comment utiliser la propriété top.
p {
position: absolute;
top: 150px;
}Vérifiez‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| length | Valeur numérique exprimée en px, pt, cm, em, etc. Les valeurs négatives sont autorisées. |
| percentage | Spécifiez un décalage en pourcentage. Le pourcentage est calculé par rapport à la hauteur du conteneur de l'élément. Les valeurs négatives en pourcentage sont autorisées. |
| auto | Le navigateur calcule la position du bord supérieur. C'est la valeur par défaut. |
| initial | Réinitialisez cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise la valeur de la propriété top de son élément parent. |
Compatibilité des navigateurs pour la propriété top ; les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Veuillez consulter les tutoriels suivants :Position CSS，Couche CSS。