aboutsummaryrefslogtreecommitdiff
path: root/files/es/web/css/direction/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/es/web/css/direction/index.html')
-rw-r--r--files/es/web/css/direction/index.html54
1 files changed, 54 insertions, 0 deletions
diff --git a/files/es/web/css/direction/index.html b/files/es/web/css/direction/index.html
new file mode 100644
index 0000000000..7fc0e0cbb8
--- /dev/null
+++ b/files/es/web/css/direction/index.html
@@ -0,0 +1,54 @@
+---
+title: direction
+slug: Web/CSS/direction
+tags:
+ - CSS
+ - 'CSS:Referencias'
+ - Referencia_CSS
+ - Todas_las_Categorías
+translation_of: Web/CSS/direction
+---
+<p>
+</p><p>{{ CSSRef() }}
+</p>
+<h3 id="Resumen" name="Resumen"> Resumen </h3>
+<p>La propiedad <code>direction</code> se utiliza para indicar en que dirección fluye el texto: {{ Cssxref("rtl") }} para hebreo o árabe y {{ Cssxref("ltr") }} para otros tipos de escritura. Esto tendría que especificarse como parte del documento (por ejemplo, usando el código <code>dir</code> en HTML) en lugar que directamente en la hoja de estilo CSS.
+</p><p>Esta propiedad establece el sentido de base del texto para los elementos de tipo bloque y la dirección para los elementos creados por la propiedad {{ Cssxref("unicode-bidi") }}. Además, asigna el valor por defecto para la alineación de texto y de elementos tipo bloque dentro de las celdas de una tabla.
+</p>
+<ul><li> {{ Cssxref("initial", "Valor inicial") }}: {{ Cssxref("ltr", "de izquierda a derecha") }}
+</li><li> Se aplica a: todos los elementos.
+</li><li> {{ Cssxref("inheritance", "Valor heredado") }}: si
+</li><li> Porcentajes: n/a
+</li><li> Medio: {{ Cssxref("Media:Visual", "visual") }}
+</li><li> {{ Cssxref("computed value", "Valor calculado") }}:
+</li></ul>
+<h3 id="Sintaxis" name="Sintaxis"> Sintaxis </h3>
+<pre class="eval">direction: [ ltr | rtl | inherit ] ;
+</pre>
+<h3 id="Valores" name="Valores"> Valores </h3>
+<dl><dt> ltr </dt><dd> Valor por defecto de <code>direction</code>. El contenido, texto y otros elementos fluyen de izquierda a derecha.
+</dd><dt> rtl </dt><dd> El contenido, texto y otros elementos van de derecha a izquierda. </dd></dl>
+<p>Para que la propiedad <code>direction</code> tenga algún efecto en elementos de tipo en línea (<i>inline</i>), el valor de la propiedad {{ Cssxref("unicode-bidi") }} debe ser <code>embed</code> o <code>override</code>.
+</p>
+<h3 id="Ejemplos" name="Ejemplos"> Ejemplos </h3>
+<pre class="eval">blockquote {
+ direction : rtl ;
+}
+</pre>
+<h3 id="Notas" name="Notas"> Notas </h3>
+<p>Al contrario que el atributo <code>dir</code> en HTML, la propiedad <code>direction</code> no es heredada desde las columnas de una tabla a las celdas, ya que la herencia en CSS sigue el árbol del documento, y las celdas de una tabla son parte de las filas y no de las columnas.
+</p>
+<h3 id="Especificaciones" name="Especificaciones"> Especificaciones </h3>
+<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#direction">CSS 2.1</a>
+</li><li> <a class="external" href="http://www.w3.org/TR/2003/CR-css3-text-20030514/#direction">CSS 3 Text Module</a>
+</li></ul>
+<h3 id="Ver_tambi.C3.A9n" name="Ver_tambi.C3.A9n"> Ver también </h3>
+<p>{{ Cssxref("unicode-bidi") }} - {{ Cssxref("ltr") }} - {{ Cssxref("rtl") }}
+</p><p><br>
+</p>
+<div class="noinclude">
+<p><span class="comment">Categorías</span>
+</p><p><span class="comment">Interwiki Languages</span>
+</p>
+</div>
+{{ languages( { "fr": "fr/CSS/direction", "pl": "pl/CSS/direction", "en": "en/CSS/direction" } ) }}