Definición de .right utilizado en CSS
Las propiedades superior, inferior, izquierda y .right se utilizan con posición para establecer la colocación de un elemento. Solo tienen un efecto en los elementos posicionados, que son elementos con la propiedad de posición establecida en otra cosa que no sea Static. Por ejemplo: relativo, absoluto, fijo o pegajoso.
Caso de empleo : propiedad CSS right
Si te gustaría utilizar esta propiedad de CSS en tu hoja styles.css, hazlo de esta manera:
div {
<top || bottom || left || right>: <length> || <percentage> || auto || inherit;
}Otro ejemplo más avanzado de .right es el siguiente de CODEPEN:
Sintaxis de .right en CSS
right: auto|length|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| auto | Permite que el navegador calcule la posición del borde derecho. esto es por defecto | |
| longitud | Establece la posición del borde derecho en px, cm, etc. Se permiten valores negativos. | |
| % | Establece la posición del borde derecho en % del elemento contenedor. Se permiten valores negativos | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .right
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| row-gap (in Grid) | 66 | 16 | 61 | 12 | 53 |
| row-gap (in Flexbox) | 84 | 84 | 63 | 14.1 | 70 |
