English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El atributo right CSS especifica la cantidad de desplazamiento del borde derecho del elemento de posicionamiento en relación con el borde derecho del cuadro del elemento de referencia o de la ventana del navegador.
ParaPosicionamiento absolutoElemento, la propiedad right especifica la distancia de desplazamiento del borde derecho del cuadro del elemento hacia la izquierda del borde derecho del contenedor.
ParaPosicionamiento relativoElemento, la propiedad right especifica el desplazamiento del borde derecho del cuadro del elemento en relación con el borde derecho del contenedor.
La tabla a continuación proporciona una descripción del uso y el historial de versiones de esta propiedad, así como la sintaxis de su uso en scripts de JavaScript.
| Valor predeterminado: | auto |
|---|---|
| Adecuado para: | Elemento de posicionamiento |
| Herencia: | No |
| Animable: | Sí.Consulte Atributo de animación. |
| Versión: | CSS 2、3 |
| Sintaxis de JavaScript: | object.style.right="150px" |
La sintaxis de esta propiedad es la siguiente:
right: length | percentage | auto | initial | inherit
El siguiente ejemplo muestra cómo se utiliza el atributo right.
p {
position: absolute;
right: 150px;
}Prueba aquí‹/›La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| length | Valores numéricos en unidades como px, pt, cm, em, etc., se permite el uso de valores negativos. |
| percentage | Especificar una cantidad de desplazamiento en porcentaje. Se calcula como porcentaje del ancho del contenedor del elemento. |
| auto | El navegador calcula la posición del borde derecho. Este es el valor predeterminado. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado adopta el valor del atributo right del elemento padre. |
Compatibilidad del navegador del atributo right; los números en la tabla a continuación representan la versión mínima del navegador que admite la propiedad; todos los navegadores principales admiten esta propiedad.
|
Consulte la siguiente instrucción:Posición de CSS,Capa de CSS.