Propriété CSS left

Définition et utilisation

L'attribut left définit la marge gauche de l'élément. Cet attribut définit l'offset entre la marge externe gauche de l'élément de positionnement et la marge gauche de la boîte englobante.

Remarque :Si la valeur de l'attribut position est "static", l'attribut left n'a aucun effet.

Description

Pour les éléments statiques, left est auto ; pour les valeurs de longueur, il s'agit de la longueur absolue correspondante ; pour les valeurs en pourcentage, il s'agit de la valeur spécifiée ; sinon, il est auto.

Pour les éléments définis en relatif, la valeur calculée de left est toujours égale à right.

Voir également :

Tutoriel CSS :Positionnement CSS

Manuel de référence HTML DOM :Attribut left

Exemple

Définir la marge gauche de l'image à 100 pixels à droite de la marge gauche de l'élément englobant :

img
  {
  position:absolute;
  left:100px;
  }

Essayez-le vous-même

Syntaxe CSS

left: auto|length|initial|inherit;

Valeur de l'attribut

Valeur Description
auto Valeur par défaut. La position de la marge gauche est calculée par le navigateur.
% Définir la position gauche de l'élément en pourcentage de la largeur de l'élément. Les valeurs négatives peuvent être utilisées.
length Définir la position gauche de l'élément en utilisant des unités telles que px, cm, etc. Les valeurs négatives peuvent être utilisées.
inherit Définit que la valeur de l'attribut left doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : auto
Héritabilité : non
Version : CSS2
Syntaxe JavaScript : object.style.left="100px"

Plus d'exemples

Définir la marge gauche de l'image en valeur fixe
cet exemple montre comment utiliser une valeur fixe pour définir la marge gauche de l'image.
Définir la marge gauche de l'image en pourcentage
cet exemple montre comment utiliser les pourcentages pour définir la marge gauche de l'image.

Support du navigateur

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0