Decoracion de aseos pequeños

grosor de la decoración del texto

Para las multilíneas, puedes envolver tus textos multilínea en un span dentro del elemento. Por ejemplo, <a href=”#”><span>inserta los textos multilínea aquí</span></a> y luego sólo añade borde-inferior y padding en el <span> – Demo
Actualización 2019: El Grupo de Trabajo de CSS ha publicado un borrador para la decoración de texto de nivel 4 que añadiría una nueva propiedad text-underline-offset (así como text-decoration-thickness) para permitir el control sobre la colocación exacta de un subrayado. En el momento de escribir este artículo, se trata de un borrador en fase inicial y no ha sido implementado por ningún navegador, pero parece que con el tiempo hará que la técnica de abajo quede obsoleta.
Entrar en los detalles del estilo visual de text-decoration:underline es bastante inútil, así que tendrás que recurrir a algún tipo de truco que elimine text-decoration:underline y lo sustituya por otra cosa hasta que una mágica y lejana versión de CSS nos dé más control.

ancho de la decoración del texto

Para las multilíneas, puedes envolver tus textos multilínea en un span dentro del elemento. Por ejemplo, <a href=”#”><span>inserta los textos multilínea aquí</span></a> y luego sólo añade borde-inferior y padding en el <span> – Demo
Actualización 2019: El Grupo de Trabajo de CSS ha publicado un borrador para la decoración de texto de nivel 4 que añadiría una nueva propiedad text-underline-offset (así como text-decoration-thickness) para permitir el control sobre la colocación exacta de un subrayado. En el momento de escribir este artículo, se trata de un borrador en fase inicial y no ha sido implementado por ningún navegador, pero parece que con el tiempo hará que la técnica de abajo quede obsoleta.
Entrar en los detalles del estilo visual de text-decoration:underline es bastante inútil, así que tendrás que recurrir a algún tipo de truco que elimine text-decoration:underline y lo sustituya por otra cosa hasta que una mágica y lejana versión de CSS nos dé más control.

css text-decoration-thickness

CSS no proporciona un mecanismo directo para especificar un color único para cada tipo de línea. No obstante, este efecto puede conseguirse anidando elementos, aplicando un tipo de línea diferente a cada elemento (con la propiedad text-decoration-line) y especificando el color de la línea (con text-decoration-color) en cada elemento.Sintaxis/* Valores de <color> */
Aspectos relacionados con la accesibilidadEs importante garantizar que la relación de contraste entre el color del texto, el fondo sobre el que se coloca el texto y la línea de decoración del texto sea lo suficientemente alta como para que las personas con problemas de visión puedan leer el contenido de la página. La relación de contraste del color se determina comparando la luminosidad de los valores del color del texto y del fondo.

texto-decoración-línea

El elemento HTML <u> representa un tramo de texto en línea que debe ser representado de forma que indique que tiene una anotación no textual. Se representa por defecto como un simple subrayado sólido, pero puede modificarse mediante CSS.
Advertencia: Este elemento solía llamarse elemento “Subrayado” en versiones antiguas de HTML, y a veces todavía se utiliza erróneamente de esta manera. Para subrayar el texto, debe aplicar un estilo que incluya la propiedad CSS text-decoration establecida como subrayado.
AtributosEste elemento sólo incluye los atributos globales.Notas de usoJunto con otros elementos de estilo puros, el elemento HTML Underline (<u>) original quedó obsoleto en HTML 4; sin embargo, <u> fue restaurado en HTML 5 con un nuevo significado semántico: marcar el texto como si tuviera alguna forma de anotación no textual aplicada.
Para aplicar una apariencia de subrayado sin ningún significado semántico, utilice el valor de la propiedad text-decoration underline.EjemplosIndicación de un error ortográficoEste ejemplo utiliza el elemento <u> y algo de CSS para mostrar un párrafo que incluye un error ortográfico, con el error indicado en el estilo de subrayado ondulado rojo que se utiliza con bastante frecuencia para este propósito.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad