Propriété left du style

Définition et utilisation

left Définit ou retourne la position latérale de l'élément de positionnement.

Cette propriété détermine la position latérale de l'élément, y compris les marges internes, les barres de défilement, les bordures et les marges extérieures.

Astuce :L'élément de positionnement est positionné lorsque la propriété position est définie à :relative,absolute ou fixed des éléments.

Astuce :Pour définir ou retourner la position latérale de l'élément de positionnement, utilisez Propriété right.

Voir également :

Tutoriel CSS :Positionnement CSS

Manuel CSS :Propriété left

Exemple

Exemple 1

Définir la position latérale de l'élément <button> :

document.getElementById("myBtn").style.left = "100px";

Essayez-le vous-même

Exemple 2

Définir la position latérale de l'élément <div> :

document.getElementById("myDIV").style.left = "100px";

Essayez-le vous-même

Exemple 3

Utilisation de valeurs négatives - Définir la position latérale de l'élément <div> :

document.getElementById("myDIV").style.left = "-100px";

Essayez-le vous-même

Exemple 4

Retourne la position latérale de l'élément <div> :

alert(document.getElementById("myDiv").style.left);

Essayez-le vous-même

Syntaxe

Retourner la propriété left :

object.style.left

Définir la propriété left :

object.style.left = "auto|length|%|initial|inherit"

Valeur de l'attribut

Valeur Description
auto Laisse le navigateur définir la position latérale. Par défaut.
length Définit la position latérale en unité de longueur. Les valeurs négatives sont autorisées.
% Définit la position latérale à partir du pourcentage de la largeur de l'élément parent.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : auto
Valeur de retour : Une chaîne de caractères, représentant la position latérale de l'élément de positionnement.
Version CSS : CSS2

Navigateur pris en charge

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support