English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Das right CSS-Attribut bestimmt den Abstand der rechten Kante des positionierten Elements vom rechten Rand des Rahmens des Referenzelements oder des Browsersfensters.
Fürabsolut positioniertElement, das die right-Eigenschaft verwendet, um den Abstand der rechten Kante des Elementrahmens vom rechten Rand seines umschließenden Blocks zu bestimmen.
Fürrelativ positioniertElement, das die right-Eigenschaft verwendet, um den Abstand der rechten Kante des Elementrahmens vom rechten Rand seines umschließenden Blocks zu bestimmen (d.h. der Rahmen wird in der Normflussposition festgelegt und dann entsprechend dieser Eigenschaften von dieser Position abgewichen).
Die folgende Tabelle enthält die Verwendungshinweise und Versionshistorie dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.
| Standardwert: | auto |
|---|---|
| Geeignet für: | Positionselement |
| Vererbung: | Nein |
| Animierbar: | Ja.Bitte beziehen Sie sich auf Animationseigenschaften. |
| Version: | CSS 2、3 |
| JavaScript Syntax: | object.style.right="150px" |
Die Syntax dieses Attributes ist wie folgt:
right: length | percentage | auto | initial | inherit
Der folgende Beispiel zeigt, wie das right-Attribut verwendet wird.
p {
position: absolute;
right: 150px;
}Testen Sie heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| length | Numerische Werte in Einheiten wie px, pt, cm, em usw., negative Werte sind erlaubt. |
| percentage | Geben Sie den Prozentsatzversatz an. Der Prozentsatz wird相对于元素包含块的宽度 berechnet. Negative Prozentsatzwerte sind erlaubt. |
| auto | Der Browser berechnet die Position der rechten Kante. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der zugehörige Element die Eigenschaftswerte des übergeordneten Elements right übernehmen. |
Kompatibilität der Browser für das right-Attribut, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Position,CSS Schicht.