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.
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, siright
n'est pas précisée alors c'est l'équivalent de 0; siright
est précisée elle est appliquée. -
inherit
: hérite de la propriété CSSleft
de son parent (CSS2).
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 position
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 top
ou bottom
ou right
.
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 width
du premier l'élément parent trouvé ayant une position
à relative
, fixed
ou absolute
. Si aucun parent de ce type, c'est la longueur du body.
Le 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 position
, 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 right
ont une valeur auto
:
- alors
left
est appliqué avec une valeur de 0 et si margin-left ou margin-right a une valeurauto
elle est transformée en0
. - cependant si
direction
a une valeur dertl
, alors c'estright
qui est appliquée.
Si left
et right
ont une valeur autre que auto
:
- et que
width
a une valeurauto
alorsleft
etright
sont appliquées.right
ouleft
selon la direction sera recalculée si sa position ne rentre pas dans la contrainte d'unmin-width
ou d'unmax-width
qui serait précisé. - et que
width
a une valeur qui n'est pasauto
, c'estleft
appliqué c'estleft
qui est appliquée, sauf dans le casdirection:rtl
.
Compatibilités navigateurs de la propriété left
- Détails des versions de la CSS left
- Propriété
left
est compatible avec CSS2 et plus.
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
Votes: 4.6 / 5 - 12
votes
Cliquez sur une étoile pour voter.