Decorar terraza pequeña piso

espesor de la decoración del texto

Cuando no establezco la visualización se pone por defecto en línea, lo que significa que ya no puedo establecer la anchura o la altura. La marca de verificación aparece dentro del elemento, pero al desmarcar la casilla el elemento se reduce a nada. He probado a poner algunos espacios de no ruptura (\00A0), pero aunque funcionara parece un poco desordenado.
El marcador va a la izquierda debido a la identificación del texto dentro del elemento ::before. Se puede arreglar fácilmente estableciendo su alineación de texto a text-align: right, para que el contenido (tick) quede dentro del cuadrado:
La primera línea revierte el valor heredado de la caja de sangría de texto a cero por defecto, devolviendo el texto dentro de la caja. Las otras dos líneas sólo embellecen el aspecto colocando el carácter en el centro de la caja.
2: No directamente. Según la especificación, la anchura/altura de los elementos en línea se ignora. El tamaño de los elementos en línea depende de su fuente (no sólo del tamaño de la fuente, sino de la propia fuente, diferentes fuentes con el mismo tamaño de fuente pueden ocupar diferentes espacios). Se puede utilizar una fuente monoespaciada que tiene un ancho constante para cualquier carácter, pero es mejor establecer la visualización como inline-block.

texto-subrayado-desplazamiento

Estoy tratando de colorear las marcas de verificación en el bloque de texto en la página principal de mi sitio. Lo he intentado con un bloque de código, pero no me gustó cómo se mostraba el bloque de código en los móviles específicamente. ¿Existe un código CSS personalizado que pueda introducirse para forzar que las marcas de verificación del bloque de texto sean de color?
Mi código HTML era un poco diferente, pero en esencia así es como se vería, ¡sí! Tenía un código que impedía que el bloque de texto se envolviera en una segunda línea, por lo que me quedé con un bloque de texto. ¿Hay algún código que se pueda añadir a este bloque de código que haga lo mismo?
Mi código HTML era un poco diferente, pero en esencia es lo que se vería, ¡sí! Tenía un código que impedía que el bloque de texto se envolviera en una segunda línea, por lo que me quedaba con un bloque de texto. ¿Hay algún código que se pueda añadir a este bloque de código que haga lo mismo?
¿Hay alguna manera de que las tres líneas de texto con marcas de verificación se apilen en el móvil pero permanezcan una al lado de la otra en el escritorio? Tal vez otro hilo es mejor para esta pregunta, pero pensé que se vería mejor en el móvil.

decoración de texto: grosor del subrayado

Además, parece imposible influir en la posición de la decoración de texto. También he intentado una solución con borde y :after, pero esto no funciona con más de una línea. Agradezco cualquier ayuda.
Desgraciadamente, no es posible evitar que las decoraciones se dibujen sobre cajas en línea descendientes (véase CSS2.2 y css-text-decor-3). Tu único recurso, si no quieres (o no puedes) hacer trampas dibujando decoraciones falsas tú mismo, es dividir tu elemento .strike exterior en los límites del elemento .strike interior de forma que se produzca una estructura similar a la de tu ejemplo de referencia.
He encontrado otra solución que funciona bien en mi caso. La publico aquí ya que puede ser de interés para otros. Mientras que la solución del gradiente de fondo se mostraba excelentemente en los navegadores, no funcionaba bien al imprimir el documento. Esta solución separa la segunda línea tachada de su texto rodeándola con otro elemento <span>, que se desplaza un poco hacia arriba escalando el tamaño de la fuente. El tamaño de la fuente se restablece entonces en el elemento span anidado para mostrar el texto correctamente.

span style=family

text-decorationLa propiedad CSS text-decoration establece la apariencia de las líneas decorativas en el texto. Es una abreviatura de las propiedades text-decoration-line, text-decoration-color, text-decoration-style y la más reciente text-decoration-thickness.
Las decoraciones de texto se dibujan en los elementos de texto descendientes. Esto significa que si un elemento especifica una decoración de texto, un elemento hijo no puede eliminar la decoración. Por ejemplo, en el marcado <p>Este texto tiene <em>algunas palabras enfatizadas</em> en él.</p>, la regla de estilo p { text-decoration: underline; } haría que todo el párrafo estuviera subrayado. La regla de estilo em { text-decoration: none; } no provocaría ningún cambio; todo el párrafo seguiría subrayado. Sin embargo, la regla em { text-decoration: overline; } provocaría la aparición de una segunda decoración en “algunas palabras enfatizadas”.Propiedades constitutivasEsta propiedad es una abreviatura de las siguientes propiedades CSS:
Definición formalValor inicial de cada una de las propiedades de la abreviatura:Se aplica a todos los elementos. También se aplica a ::first-letter y ::first-line.InheritednoValor calculadocomo cada una de las propiedades de la abreviatura:Tipo de animacióncomo cada una de las propiedades de la abreviatura:Sintaxis formal<‘text-decoration-line’> || <‘text-decoration-style’> || <‘text-decoration-color’> || <‘text-decoration-thickness’>EjemplosDemostración de los valores de text-decoration.under {

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