1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
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" } ) }}
|
