:right

La pseudo-clase CSS :right, utilizada con la regla-at @page, representa todas las páginas de la derecha de un documento impreso.

/* Selecciona cualquier página de la derecha al imprimir */
@page :right {
  margin: 2in 3in;
}

Que una página dada sea "izquierda" o "derecha" está determinada por la dirección principal de escritura del documento. Por ejemplo, si la primera página tiene una dirección de escritura principal de izquierda a derecha, entonces será una página :right; si tiene una dirección de escritura principal de derecha a izquierda, entonces será una página :left.

Nota: No puede cambiar todas las propiedades de CSS con esta pseudo-clase. Solo puede cambiar las propiedades margin, padding, border, y background de la caja de página. Se ignorarán todas las demás propiedades y solo se verá afectada la caja de página, no el contenido del documento en la página.

Sintaxis

:right

Ejemplos

@page :right {
  margin: 2in 3in;
} 

Especificaciones

Especificación Estado Comentarios
CSS Paged Media Module Level 3
La definición de ':right' en esta especificación.
Working Draft Ningún cambio.
CSS Level 2 (Revision 1)
La definición de ':right' en esta especificación.
Recommendation Definición inicial.

Compatibilidad con navegadores

 

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
Right-hand page pseudo-class (:right)Chrome Soporte completo 6Edge Soporte completo 12Firefox Sin soporte NoIE Soporte completo 8Opera Sin soporte 9.2 — 15Safari Soporte completo 5.1WebView Android Soporte completo ≤37Chrome Android Soporte completo 18Firefox Android Sin soporte NoOpera Android Sin soporte 10.1 — 14Safari iOS Soporte completo 6Samsung Internet Android Soporte completo 1.0

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte

 

Ver también