Propriété CSS topProperty


Exemple

Définissez le bord supérieur de l'image à une position située 5 pixels sous le bord supérieur de son élément conteneur :

img
{
position:absolute;
top:5px;
}

Essayez-le vous-même »

Définition de la propriété et instructions d'utilisation

La propriété top spécifie le bord supérieur d'un élément. Cette propriété définit le décalage entre le bord supérieur de la marge d'un élément positionné et le bord supérieur de son bloc conteneur.

Pour les éléments positionnés de manière relative, si top et bottom valent tous deux auto, leurs valeurs calculées sont toutes deux 0 ; si l'un d'eux est auto, il prend la valeur opposée de l'autre ; si aucun n'est auto, bottom prend la valeur opposée de top.

Remarque :Si la valeur de la propriété "position" est "static", définir la propriété "top" n'a aucun effet.

Valeur par défaut : auto
Héritée : non
version : CSS2
Syntaxe JavaScript : object.style.top="50px"

Prise en charge des navigateurs

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.

Propriété
top 1.0 5.0 1.0 1.0 6.0

Valeur de la propriété

Valeur Description
auto Valeur par défaut. La position du bord supérieur est calculée par le navigateur.
% Définit la position du bord supérieur en pourcentage de l'élément conteneur. Les valeurs négatives sont autorisées.
longueur Définit la position du bord supérieur de l'élément à l'aide d'unités telles que px, cm. Les valeurs négatives sont autorisées.
inherit Spécifie que la valeur de la propriété top doit être héritée de l'élément parent.

Articles connexes

Tutoriel CSS :Positionnement CSS

autres extensions