Atributo CSS right
- página anterior redimensionar
- Página siguiente rotate
Definición y uso
El atributo right especifica el borde derecho del elemento. Este atributo define el desplazamiento del borde exterior marginal del elemento de alineación con el borde derecho del contenedor.
Comentarios:Si el valor del atributo "position" es "static", la configuración del atributo "right" no tendrá ningún efecto.
Notas
Para elementos estáticos, es auto; para valores de longitud, es la longitud absoluta correspondiente; para valores porcentajes, es el valor especificado; de lo contrario, es auto.
Para elementos definidos relativamente, el valor calculado de left siempre es igual a right.
Véase también:
Tutoriales CSS:Posicionamiento CSS
Manual de referencia de HTML DOM:Atributo right
Ejemplo
Establecer el borde derecho de la imagen en 5 píxeles a la izquierda del borde derecho del contenedor que lo contiene:
img { position:absolute; right:5px; }
Sintaxis de CSS
right: auto|longitud|initial|inherit;
Valor del atributo
Valor | Descripción |
---|---|
auto | Valor predeterminado. La posición del borde derecho se calcula mediante el navegador. |
% | Establecer la posición derecha del elemento en porcentajes del ancho del contenedor. Se pueden usar valores negativos. |
longitud | Establecer la posición derecha del elemento usando unidades como px, cm, etc. Se pueden usar valores negativos. |
inherit | Se debe heredar el valor del atributo right del elemento padre. |
Detalles técnicos
Valor predeterminado: | auto |
---|---|
Herencia: | no |
Versión: | CSS2 |
Sintaxis de JavaScript: | object.style.right="50px" |
Más ejemplos
- Establecer el borde derecho de la imagen usando valores fijos
- Este ejemplo muestra cómo usar valores fijos para establecer el borde derecho de la imagen.
- Establecer el borde derecho de la imagen usando porcentajes
- Este ejemplo muestra cómo usar porcentajes para establecer el borde derecho de la imagen.
Compatibilidad del navegador
Los números en la tabla indican la primera versión de navegador que admite completamente esta propiedad.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
- página anterior redimensionar
- Página siguiente rotate