English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attribut right CSS spécifie le décalage de la marge droite de l'élément positionné par rapport à la marge droite de la boîte de l'élément de référence ou de la fenêtre de navigateur.
PourPosition absoluteÉlément, l'attribut right spécifie la distance de décalage de la marge droite de la boîte de l'élément par rapport à la marge droite de la boîte englobante.
PourPosition relativeÉlément, l'attribut right spécifie le décalage de la marge droite de la boîte de l'élément par rapport à la marge droite de la boîte elle-même (c'est-à-dire que la position normale de l'élément est définie dans le flux normal, puis décalée à partir de cette position en fonction de ces attributs).
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.
Valeur par défaut : | auto |
---|---|
Applicable à : | Élément de positionnement |
Héritage : | Non |
Animable : | Oui.Veuillez consulter Attributs d'animation。 |
Version : | CSS 2、3 |
Syntaxe JavaScript : | object.style.right="150px" |
La syntaxe de cette propriété est la suivante :
right: length | percentage | auto | initial | inherit
Les exemples suivants montrent comment utiliser l'attribut right.
p { position: absolute; right: 150px; }Voyons voir‹/›
Le tableau suivant décrit les valeurs de cette propriété.
Valeur | Description |
---|---|
length | Valeur numérique exprimée en px, pt, cm, em, etc. Les valeurs négatives sont autorisées. |
percentage | Spécifier une valeur de décalage en pourcentage. Le pourcentage est calculé par rapport à la largeur de la boîte englobante de l'élément. Les valeurs de pourcentage négatives sont autorisées. |
auto | Le navigateur calcule la position de la marge droite. C'est la valeur par défaut. |
initial | Définir cette propriété à sa valeur par défaut. |
inherit | Si spécifié, l'élément associé utilise la valeur de l'attribut right de son élément parent. |
Compatibilité des navigateurs pour l'attribut right ; les numéros dans le tableau ci-dessous représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Veuillez consulter les tutoriels suivants :Position CSS,Couche CSS。