Curso de HTML y CSS de aulaClic

Unidad 11. CSS. Fuente y texto. Prueba


11.19. white-space. Prueba.

La propiedad white-space define el comportamiento del texto respecto a los espacios en blanco y saltos de línea. Puede tomar valores numéricos, por defecto toma el valor normal:

- normal, los espacios en blanco se colapsan, solo se realiza salto de línea si es necesario por tamaño. white-space: normal

Lorem ipsum dolor sit amet, consectetur adipisicing elit. eligendi porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. eligendi porro ius soluta in voluptates voluptatem, nesciunt dolorem obcaecati nemo eligendi porro iusto, earum debitis.

- pre, los espacios en blanco no se colapsan, no se realiza salto de línea. white-space: pre

Lorem ipsum dolor sit amet, consectetur adipisicing elit. eligendi porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. eligendi porro ius soluta in voluptates voluptatem, nesciunt dolorem obcaecati nemo eligendi porro iusto, earum debitis.

- nowrap, los espacios en blanco se colapsan, no se realiza salto de línea. white-space: nowrap

Lorem ipsum dolor sit amet, consectetur adipisicing elit. eligendi porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. eligendi porro ius soluta in voluptates voluptatem, nesciunt dolorem obcaecati nemo eligendi porro iusto, earum debitis.

- pre-line, los espacios en blanco se colapsan, se realiza salto de línea si el código lo contiene, aunque no sea necesario por tamaño. white-space: pre-line

Lorem ipsum dolor sit amet, consectetur adipisicing elit. eligendi porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. eligendi porro ius soluta in voluptates voluptatem, nesciunt dolorem obcaecati nemo eligendi porro iusto, earum debitis.

- pre-wrap, los espacios en blanco no se colapsan, se realiza salto de línea si el código lo contiene, aunque no sea necesario por tamaño. white-space: pre-wrap

Lorem ipsum dolor sit amet, consectetur adipisicing elit. eligendi porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. eligendi porro ius soluta in voluptates voluptatem, nesciunt dolorem obcaecati nemo eligendi porro iusto, earum debitis.


Puedes cerrar esta ventana y volver al curso

Enero-2019 (V 2.2)
Pág. 11.10