Comillas: la propiedad 'quotes'

En la composición de textos es costumbre, cuando la cita abarca varios párrafos, utilizar comillas de apertura en cada párrafo y una comilla de cierre en el párrafo final, como cierre de la cita.

En vez de escribir esas comillas en el documento, vamos a hacer que la hoja de estilo las inserte en los lugares adecuado:

BLOCKQUOTE P:before { content: open-quote; color:red; font-weight:bold }
BLOCKQUOTE P:after  { content: no-close-quote }
BLOCKQUOTE P.ultimo:after { content: close-quote; color:red; font-weight:bold } 

El elemento BLOCKQUOTE comienza a continuación, con un texto de J.L.Borges:

Ahora es invulnerable como los dioses.

Nada en la tierra puede herirlo, ni el desamor de una mujer, ni la tisis, ni las ansiedades del verso, ni esa cosa blanca, la luna, que ya no tiene que fijar en palabras.

Camina lentamenten bajo los tilos; mira las balaustradas y las puertas, no para recordarlas.

Ya sabe cuantas noches y cuantas mañanas le faltan.

Su voluntad le ha impuesto una disciplina precisa. Hará determinados actos, cruzará previstas esquinas, tocará un árbol o una reja, para que el porvenir sea tan irrevocable como el pasado.

Obra de esa manera para que el hecho que desea y que teme no sea otra cosa que el término final de una serie. (...)

En la hora fijada, subirá por unos escalones de mármol. (Esto perdurará en la memoria de otros.)

Bajará al lavatorio; en el piso ajedrezado el agua borrará muy pronto la sangre. El espejo lo aguarda.

Se alisará el pelo, se ajustará el nudo de la corbata (siempre fue un poco dandy, como cuadra a un joven poeta) y tratará de imaginar que el otro, el del cristal, ejecuta los actos y que él, su doble, los repite. La mano no le temblará cuando ocurra el último. Dócilmente, mágicamente, ya habrá apoyado el arma contra la sien.

Así, lo creo, sucedieron las cosas.

Antes de cada párrafo se insertarán comillas (de color rojo y en negritas para su mejor visualización) y solamente el último tendrá comillas de cierre (como no hay selector para seleccionar el último descendiente de un elemento, debemos apelar a una clase (ultimo).


Podemos definir distintos tipos de comillas según nuestra preferencia o el idioma de la cita. En el próximo párrafo aplicaremos la siguiente regla de estilo:

Q { quotes: '"' '"' "'" "'" }
Q:before { content: open-quote; color:red; font-weight:bold }
Q:after { content: close-quote; color:red; font-weight:bold }

Borges escribió: El capítulo que habla de Cristo no es efusivo. Se limita a invocar dos lugares de la Escritura: la frase doy mi vida por las ovejas (Juan, 10:15) y la curiosa locución dió el espíritu, que usan los cuatro evangelios para decir murió, en El Biathanatos.

Las comillas que aparecen (en negritas de color rojo) son insertadas automáticamente antes y después de cada elemento <Q>. Al existir comillas anidadas (unas dentro de otras), para el nivel externo se usan comillas dobles ("), y simples (') para las interiores.

Vamos a repetir el ejemplo cambiando el tipo de comillas:

Q { quotes: "«" "»" "‹" "›" }
Q:before { content: open-quote; color:red; font-weight:bold }
Q:after { content: close-quote; color:red; font-weight:bold }

Borges escribió: El capítulo que habla de Cristo no es efusivo. Se limita a invocar dos lugares de la Escritura: la frase doy mi vida por las ovejas (Juan, 10:15) y la curiosa locución dió el espíritu, que usan los cuatro evangelios para decir murió, en El Biathanatos.

En un documento que contiene textos en distintos idiomas es posible definir un tipo de comillas para cada idioma. Si queremos que los textos en francés de una página usen el estilo de comillas usuales en ese idioma, se debe usar esta regla:

[LANG|=fr] > * { quotes: "«" "»" "‹" "›" }