Attribut right de CSS
- page précédente redimensionner
- Page suivante rotate
Définition et utilisation
L'attribut right définit la marge droite de l'élément. Cet attribut définit l'offset entre la marge externe droite de l'élément positionné et la bordure droite de la boîte englobante.
Remarque :Si la valeur de l'attribut "position" est "static", l'attribut "right" n'a aucun effet.
Explication
Pour les éléments statiques, c'est auto ; pour les valeurs de longueur, c'est la longueur absolue correspondante ; pour les valeurs en pourcentage, c'est la valeur spécifiée ; sinon, c'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 right
Exemple
Définir la marge droite de l'image à 5 pixels à gauche de la marge droite de l'élément englobant :
img { position:absolute; right:5px; }
Syntaxe CSS
right: auto|longueur|initial|hériter;
Valeur de l'attribut
Valeur | Description |
---|---|
auto | Valeur par défaut. La position de la marge droite est calculée par le navigateur. |
% | Définir la position droite de l'élément en pourcentage de la largeur de l'élément. Les valeurs négatives sont autorisées. |
longueur | Définir la position droite de l'élément en utilisant des unités telles que px, cm, etc. Les valeurs négatives sont autorisées. |
hériter | Définit que la valeur de l'attribut right 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.right="50px" |
Plus d'exemples
- Définir la marge droite de l'image en valeur fixe
- Cet exemple montre comment utiliser une valeur fixe pour définir la marge droite de l'image.
- Définir la marge droite de l'image en pourcentage
- Cet exemple montre comment utiliser un pourcentage pour définir la marge droite 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 |
- page précédente redimensionner
- Page suivante rotate