English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règles CSS @

大全 des attributs CSS

Méthode d'utilisation et exemple de l'attribut right CSS

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"

Syntaxe de l'utilisation de right

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‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
lengthValeur numérique exprimée en px, pt, cm, em, etc. Les valeurs négatives sont autorisées.
percentageSpé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.
autoLe navigateur calcule la position de la marge droite. C'est la valeur par défaut.
initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément associé utilise la valeur de l'attribut right de son élément parent.

Compatibilité du navigateur

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é.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 6+

Lisez également

Veuillez consulter les tutoriels suivants :Position CSSCouche CSS

Attributs associés :positiontopleftbottomz-index