Atributo right de Style
- Página anterior resize
- Página siguiente scrollBehavior
- Volver a la capa superior Objeto Style de HTML DOM
Definición y uso
right
Establece o devuelve la posición lateral derecha del elemento de ubicación.
Esta propiedad especifica la posición lateral derecha del elemento, incluyendo el relleno, la barra de desplazamiento, el borde y el margen.
Consejo:El elemento de ubicación es position atributo establecido a:relative
、absolute
o fixed
de los elementos.
Consejo:Para establecer o devolver la posición lateral izquierda del elemento de ubicación, utilice Propiedad left。
Vea también:
Tutorial de CSS:Ubicación CSS
Manual de referencia de CSS:Propiedad right
Ejemplo
Ejemplo 1
Establecer la posición lateral derecha del elemento <div>:
document.getElementById("myDIV").style.right = "100px";
Ejemplo 2
Usar valores negativos - Establecer la posición lateral derecha del elemento <div>:
document.getElementById("myDiv").style.right = "-100px";
Ejemplo 3
Devolver la posición lateral derecha del elemento <div>:
alert(document.getElementById("myDiv").style.right);
Sintaxis
Devolver la propiedad right:
object.style.right
Establecer la propiedad right:
object.style.right = "auto|length|%|initial|inherit"
Valor del atributo
Valor | Descripción |
---|---|
auto | Deje que el navegador establezca la posición lateral derecha. Predeterminado. |
length | Defina la posición lateral derecha con unidades de longitud. Permite valores negativos. |
% | Establezca la posición lateral derecha en porcentaje de la anchura del elemento padre. |
initial | Establezca este atributo en su valor predeterminado. Consulte initial。 |
inherit | Hereda este atributo del elemento padre. Consulte inherit。 |
Detalles técnicos
Valor predeterminado: | auto |
---|---|
Valor devuelto: | Cadena de caracteres que representa la posición lateral derecha del elemento de ubicación. |
Versión de CSS: | CSS2 |
Soporte del navegador
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Soporte | Soporte | Soporte | Soporte | Soporte |
- Página anterior resize
- Página siguiente scrollBehavior
- Volver a la capa superior Objeto Style de HTML DOM