From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/es/web/css/writing-mode/index.html | 247 +++++++++++++++++++++++++++++++ 1 file changed, 247 insertions(+) create mode 100644 files/es/web/css/writing-mode/index.html (limited to 'files/es/web/css/writing-mode/index.html') diff --git a/files/es/web/css/writing-mode/index.html b/files/es/web/css/writing-mode/index.html new file mode 100644 index 0000000000..73c11b1b85 --- /dev/null +++ b/files/es/web/css/writing-mode/index.html @@ -0,0 +1,247 @@ +--- +title: writing-mode +slug: Web/CSS/writing-mode +tags: + - CSS + - Disposición + - Propiedad CSS + - Referencia +translation_of: Web/CSS/writing-mode +--- +
{{CSSRef}}{{SeeCompatTable}}
+ +

Resumen

+ +

La propiedad writing-mode define si los renglones de texto se disponen horizontal o verticalmente y la dirección en que avanzan los bloques.

+ +

La propiedad especifica la dirección de flujo de bloques, que es la dirección en que se apilan los contenedores a nivel de bloque y la dirección en que el contenido a nivel de línea fluye dentro de un contenedor de bloque. Por ende, la propiedad writing-mode también determina la ordenación del contenido a nivel de bloque.

+ +

{{cssinfo}}

+ +

Sintaxis

+ +
/* Valores de la palabra clave */
+writing-mode: horizontal-tb;
+writing-mode: vertical-rl;
+writing-mode: vertical-lr;
+
+/* Valores globales */
+writing-mode: inherit;
+writing-mode: initial;
+writing-mode: unset;
+
+ +

Valores

+ +
+
horizontal-tb
+
El contenido fluye horizontalmente de izquierda a derecha y verticalmente de arriba hacia abajo. El próximo renglón horizontal se posiciona debajo del renglón anterior.
+
vertical-rl
+
El contenido fluye verticalmente de arriba hacia abajo y horizontalmente de derecha a izquierda. El próximo renglón vertical se posiciona a la izquierda del renglón anterior.
+
vertical-lr
+
El contenido fluye verticalmente de arriba hacia abajo y horizontalmente de izquierda a derecha. El próximo renglón vertical se posiciona a la derecha del renglón anterior.
+
sideways-rl{{experimental_inline}}
+
El contenido fluye verticalmente de arriba hacia abajo y todos los glifos, incluidos aquellos de los sistemas de escritura verticales, se colocan de lado hacia la derecha.
+
+ +
+
sideways-lr{{experimental_inline}}
+
El contenido fluye verticalmente de arriba hacia abajo y todos los glifos, incluidos aquellos de los sistemas de escritura verticales, se colocan de lado hacia la izquierda.
+
lr {{deprecated_inline}}
+
Desaprobado, excepto en los documentos SVG1. En CSS utilice horizontal-tb.
+
lr-tb {{deprecated_inline}}
+
Desaprobado, excepto en los documentos SVG1. En CSS utilice horizontal-tb.
+
rl {{deprecated_inline}}
+
Desaprobado, excepto en los documentos SVG1. En CSS utilice horizontal-tb.
+
tb {{deprecated_inline}}
+
Desaprobado, excepto en los documentos SVG1. En CSS utilice vertical-rl.
+
tb-rl {{deprecated_inline}}
+
Desaprobado, excepto en los documentos SVG1. En CSS utilice vertical-rl.
+
+ +

Sintaxis formal

+ +
{{csssyntax}}
+ +

Ejemplo

+ + + +

{{EmbedLiveSample("Example", 400, 430)}}

+ +

Resultado efectivo

+ +

+ +

Especificación

+ + + + + + + + + + + + + + + + +
EspecificaciónEstadoComentario
{{SpecName("CSS3 Writing Modes", "#block-flow", "writing-mode")}}{{Spec2("CSS3 Writing Modes")}}Definición inicial
+ +

Compatibilidad entre navegadores

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FunciónChromeFirefox (Gecko)Internet ExplorerOperaSafari
Compatibilidad básica8{{property_prefix("-webkit")}}{{CompatGeckoDesktop(41)}}[1][3]9.0 {{property_prefix("-ms")}}[2]15{{property_prefix("-webkit")}}5.1{{property_prefix("-webkit")}}
Valores de SVG 1.1 lr, lr-tb, rl, tb, tb-rl{{CompatChrome(48.0)}} (sin prefijos){{CompatGeckoDesktop(43)}}9.0 {{property_prefix("-ms")}}[2]{{CompatVersionUnknown}}{{CompatUnknown}}
sideways-rl,sideways-lr{{CompatNo}} (a partir de 48.0){{CompatGeckoDesktop(43)}}{{CompatNo}} (a partir de 25){{CompatNo}} (a partir de 35.0){{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FunciónAndroidWebview de AndroidChrome para AndroidFirefox móvil (Gecko)IE móvilOpera MobileSafari Mobile
Compatibilidad básica3{{property_prefix("-webkit")}}{{CompatVersionUnknown}}47{{property_prefix("-webkit")}}{{CompatGeckoMobile(41)}} [1][3]{{CompatUnknown}}{{CompatUnknown}}5.1 {{property_prefix("-webkit")}}
Valores de SVG 1.1 lr, lr-tb, rl, tb, tb-rl{{CompatUnknown}}{{CompatChrome(48.0)}} (sin prefijos){{CompatChrome(48.0)}} (sin prefijos){{CompatGeckoMobile(43)}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
sideways-rl,sideways-lr{{CompatNo}}[4]{{CompatNo}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] Desde Gecko 36 hubo una implementación experimental disponible, regida por la preferencia layout.css.vertical-text.enabled, cuyo valor era false hasta Firefox 38. A partir de Firefox 39 y Firefox 40, la preferencia se activó (true) solo en las ediciones Nightly y DevTools. Observe que no todos los widgets de CSS (p. ej., tablas) la acatan, por el momento.

+ +

[2] La implementación de Internet Explorer diverge de la especificación. Consulte el artículo relacionado en el Centro de desarrollo de Internet Explorer.

+ +

[3] Solo a partir de Gecko 42 se admiten los sistemas de escritura bidireccionales y RTL.

+ +

Véase también

+ + -- cgit v1.2.3-54-g00ecf