left CSS propriété

Définition de la CSS left.

La propriété de Position CSS left permet de spécifier la position du bord gauche de la marge d'un élément positionné par rapport au bord gauche de son parent servant d'origine, dans le cadre d'un positionnement seulement.

Exemple de syntaxe CSS left :
.selecteur-css{ 
  position : fixed; 
  left : 0px;
}
.selecteur-css{ 
  position : absolute; 
  left : 10%;
}
.selecteur-css{ 
  position : relative; 
  left : auto;
}

La propriété de feuille de style left CSS peut prendre comme valeur de position :

  • numérique positif ou négatif suivi d'une unité de longueur (px, ex, em, etc...).
  • numérique positif ou négatif suivi de % (pourcentage).
  • auto : valeur par défaut, si n'est pas précisée alors c'est l'équivalent de 0; si right est précisée elle est appliquée.
  • inherit : hérite de la propriété CSS left de son parent (CSS2).
La propriété de feuille de style left CSS est généralement utilisée pour la création de calques (Layer).

Conditions d'application de la CSS left.

La propriété CSS left est applicable sur toutes les balises HTML ou XHTML dites positionnées, c'est-à-dire dont la valeur de leur CSS n'est pas égale à static.

La propriété de feuille de style left CSS est utilisée avec la propriété de feuille de style css ou ou .

Problème d'interprétation de left en Css.

La propriété de feuille de style left CSS ne pose aucun problème d'interprétation.

Conditions d'animation de left en CSS3.

La propriété CSS left peut être animée si sa valeur est un nombre suivi ou pas d'une unité de longueur.

La CSS left est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.

Règles de syntaxes CSS pour left.

Calcul d'une valeur de left en %

La valeur est calculée en fonction de la valeur spécifiée ou calculée de la propriété CSS du premier l'élément parent trouvé ayant une à relative, fixed ou absolute. Si aucun parent de ce type, c'est la longueur du body.

Le point de positionnement left

"Point de positionnement left" Les points de positionnement d'un élément prennent en compte la taille de la marge extérieure.
L'interprétation de left CSS dépendra de la valeur de sa propriété CSS , de ses parents et des autres propriétés CSS de positionnement déclarées.

Qui prend le dessus left ou right?

Si left et ont une valeur auto :

  • alors left est appliqué avec une valeur de 0 et si margin-left ou margin-right a une valeur auto elle est transformée en 0.
  • cependant si a une valeur de rtl, alors c'est right qui est appliquée.

Si left et right ont une valeur autre que auto :

  • et que width a une valeur auto alors left et right sont appliquées. right ou left selon la direction sera recalculée si sa position ne rentre pas dans la contrainte d'un ou d'un qui serait précisé.
  • et que width a une valeur qui n'est pas auto, c'est left appliqué c'est left qui est appliquée, sauf dans le cas direction:rtl.
Comment les valeurs sont calculées :
left 
+ margin-left  + border-left-width + padding-left 
+ width 
+ padding-right + border-right-width  + margin-right 
+ right 
= largeur du bloc conteneur servant d'origine

Compatibilités navigateurs de la propriété left

Equivalence de la CSS left en HTML.

La propriété CSS left n'a pas d'équivalence en HTML ou XHTML.

Votre avis sur la définition left en CSS

Votez pour la définition CSS left

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/left-css.html Votes: 4.6 / 5 - 12 votes
Cliquez sur une étoile pour voter.