Saltar al contenido

¿Secuencia de caracteres de nueva línea en la propiedad ‘contenido’ de CSS?

Esta es la respuesta más válida que encomtrarás brindar, pero mírala pausadamente y analiza si se puede adaptar a tu proyecto.

Solución:

figcaption:before

    content: 'Figure a' attr(title);
    white-space: pre;

Tenga en cuenta que en el content attribute valor, la concatenación se expresa solo por espacios en blanco, no por un signo “+”. La notación de escape a en un CSS string literal indica un carácter de salto de línea.

La propiedad de contenido acepta una string y:

A string no puede contener directamente una nueva línea. Para incluir una nueva línea en un
string, utilice un escape que represente el carácter de avance de línea en ISO-10646 (U+000A), como “A” o “0000a”. Este carácter representa la noción genérica de “nueva línea” en CSS.

(No tengo idea sobre el soporte real del navegador).

Puede consultar Usar escapes de caracteres en el marcado y CSS para obtener referencias sobre la sintaxis de escape, que esencialmente es:

  • 20AC debe ir seguido de un espacio si el siguiente carácter es uno de af, AF, 0-9
  • 020AC debe tener 6 dígitos, no se necesita espacio (pero se puede incluir)

NOTA: uso 0000a en lugar de solo A al escapar de un arbitrario stringporque si la nueva línea va seguida de un número o cualquier carácter de [a-f] rango, esto puede dar un resultado no deseado.

Recuerda que te brindamos la opción de añadir una puntuación certera si diste con el resultado.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *