Saludos a todos los que anhelan nuevos conocimientos y lee mi blog. La publicación de hoy quiero dedicar un tema muy fácil, que, sin embargo, llama regularmente una serie de problemas de los recién llegados: "Cómo eliminar o agregar el HTML inferior de subrayado".

Por lo que ya sabe, el menor subrayado se puede configurar manualmente, pero los enlaces están instalados de forma predeterminada. Por eso, en el artículo, le recordaré cómo hacerle a un Titular de subrayado, le diré cómo instalar la línea inferior a todo el ancho del bloque, así como cómo tratar el formato estándar de los enlaces. Bueno, vamos a empezar!

Y vamos, aquí está enfatizando!

Hay una etiqueta de par especial para los subrosicos de texto: palabra.

Sin embargo, los versículos profesionales utilizan los mecanismos de las tablas de cascada de estilo, es decir, CSS, para el diseño de la apariencia de todo. Y es correcto. Este enfoque comparte el marcado de estilización, hace que el formato sea flexible y conveniente. Además, es más fácil capturar los errores (errores) en el código.

Para superar el contenido textual, tales propiedades se utilizan principalmente: frontera. y texto-decoración..

Elemento frontera. Es responsable de instalar el marco alrededor del bloque especificado, y también le permite configurar el grosor de la línea y su estilo.

Esta unidad es lo suficientemente flexible, ya que puede especificar el formato para los lados individuales del límite. Esto se logra con la ayuda de propiedades:

1. fRONTERA-derecha (a la derecha)
2. fRONTERA-cima. (desde arriba)
3. fRONTERA-izquierda. (izquierda)
4. fRONTERA-fondo (fondo)

• punto ( punteado.)
• punteado ( discutió)
• lineal ( sólido)
• doble ( doble.)
• bloques de encuadre de volumen ( ranura,recuadro,ridge I.principio.)

No olvide que siempre puede repetir la configuración de estilo del bloque padre con una palabra clave heredar..

Ahora vamos a discutir la propiedad del idioma CSS texto-decoración.. Este elemento es responsable de decoraciones de texto adicionales.

Éstas incluyen:

1. parpadeando ( parpadear.)
2. línea sobre el texto ( enlace)
3. objetos cruzados ( línea a través.)
4. herencia de estilización ( heredar.)
5. cancelar todas las decoraciones adicionales ( ninguno)
6. necesitamos un subrayado ( subrayar)

Es la práctica del tiempo

Ahora quiero que asegure el conocimiento adquirido y prácticamente probó el ejemplo de un código de programa dado por mí. Para aquellos que están familiarizados con este tema, también será útil. Como todos sabemos: "¡La repetición es la madre de las enseñanzas!".

Este código implementa una estilización modificada de referencias, y también establece el subrayado bajo todo el ancho del bloque.

Título subrayado del texto del castillo

En esta nota, termino la publicación de entrenamiento. Discute todas las herramientas necesarias para subrayar el contenido de texto, sabiendo que puede crear las opciones de diseño de la página de su sitio web.

No olvide unirse a las filas de mis suscriptores, porque todavía hay muchos temas interesantes y útiles por delante, así como compartir el blog de enlace con amigos. ¡Adiós!

Sinceramente, chuechev romano

El texto subrayado en HTML se resalta utilizando la etiqueta u. Html (de la palabra subrayar). Se aplica de la siguiente manera (la parte deseada del texto se coloca entre las etiquetas ):

Sitios de diseño "Nubex"

Pero este código se considera ininterrumpido, por lo tanto, de manera mucho más eficiente y más correcta, use los estilos CSS para el paisaje de texto.

Enfatiza el texto - CSS

Como ya hemos hablado en el artículo, el paisaje de texto se establece utilizando la propiedad. texto-decoración.. El texto subrayado está establecido por el parámetro. subrayar:

Sitios de diseño Nubex "

Para enfatizar el texto utilizando CSS, no solo una línea continua. Veamos qué opciones puede enfatizar:

• Tira del texto punteado CSS:

  Sitios de diseño Nubex "

  
  
  
• Puntos subrayados:

  Sitios de diseño Nubex "

  
  
  
• Doble característica:

  Sitios de diseño Nubex "

  
  
  

Como se puede ver en los ejemplos anteriores, puede controlar el estilo subrayado utilizando la propiedad fondo de la frontera. (línea de fondo). Con este parámetro, puede configurar el tipo de subrayado, color, grosor.

Le permite hacer un menor de subrayado en HTML inferior (subrayado), TOP (enrala), texto cruzado (línea a través), etc. Compatible con este chip con el anterior y funcionará:

En la segunda línea se muestra cómo todo se registra en una fila con una decoración de texto.

estilo de decoración de texto - Texto Subscore

La opción establece la apariencia de la línea decorativa para / referencia. En las nuevas recomendaciones de CSS, se agregaron valores ondulados y dobles, ahora son solo 5:

• línea sólida - sólida;
• doble - doble (desde el primer ejemplo anterior);
• punteado - consiste en una secuencia de puntos;
• discutiendo - le permite hacer un CSS de subrayado punteado;
• ondulado - espectacular línea ondulada.

posición de subrayado de texto: posicionamiento CSS Subscore

Con la ayuda de esta propiedad, puede controlar la posición de la línea con respecto a la fuente de la glifo.
Total 4 opciones están disponibles:

• auto - se encuentra lo más cerca posible del texto del texto;
• debajo, bajo el borde más bajo de la fuente;
• izquierda y derecha - izquierda / derecha para las entradas mostradas verticalmente.

Aquí está la diferencia visual entre el texto inferior inferior usando debajo y automático:

La diferencia, creo, es bastante obvia.

text-Decoration-Skip - eliminamos el subrayado para los artículos

Usando la opción, puede cancelar (omitir) la decoración de algunos elementos en la cadena HTML. Para comprender mejor los valores válidos de espacios, objetos, decoración de caja, bordes, tinta, duplicaré la imagen de la última nota:

Es decir, por ejemplo, con la ayuda de la tinta, puede hacer que el menor subrayado en CSS, que no se cruzaría con los personajes. El valor de los objetos le permite omitir los elementos en línea (bloque en línea): insertar intervalo, y la línea continua se interrumpirá en el lugar apropiado:

Los parámetros de la decoración de la caja, los espacios, los bordes son mucho peores respaldados por los navegadores, por lo que su resultado es a veces diferente de lo esperado. Aquí hay un estado de compatibilidad / soporte de decoración de texto en el momento de escribir el artículo:

Chips adicionales para subrayar

Los usuarios de principiantes a menudo hacen algunas preguntas típicas sobre el tema, por lo que también decidimos considerarlas. El ejemplo general está en la parte inferior después de la explicación.

Cómo eliminar la referencia de subrayado

r: Hover (Texto-Decoración: subrayado;)

Ambos ejemplos a continuación le permiten comprender la lógica de trabajar cuando se desplaza: o inicialmente lo indica en las referencias de subrayado de CSS, y luego elimínelo en flujo o viceversa.

Si hay algunas otras preguntas sobre el tema, pregúnteles en los comentarios. Intentaremos considerar más tarde o sugerir en las respuestas. Lo principal en este asunto es la práctica: intente agregar diferentes propiedades para la opción de decoración de texto directamente en los ejemplos o crear su propio archivo de prueba. Esperamos en el sujeto de texto subrayado y enlaces en CSS / HTML, se ha vuelto clara.

Subrayado para elementos de bloques como etiqueta

Puedes pasar dos. Por ejemplo, una línea debajo del texto se instala en todo el ancho del bloque, independientemente del volumen de texto. Y también para subrayar solo en el texto. A continuación, considere ambas opciones.

Línea debajo del texto en todo el ancho del bloque

Para crear una línea debajo del texto, agregue la propiedad de estilo de fondo en el elemento, su valor es simultáneamente el grosor de la línea, su estilo y su color (Ejemplo 1).

Ejemplo 1. Línea en todo el ancho.

HTML5 CSS 2.1 IE CR OP SA FX

Texto de ejemplo

La distancia desde la línea al texto puede ajustarse por la propiedad de relleno de relleno agregándolo al selector H1. El resultado de este ejemplo se muestra en la FIG. uno.

Texto subrayado

Para enfatizar solo el texto, debe usar la propiedad de decoración de texto con el valor de subrayado, agregándolo nuevamente al selector H1 (Ejemplo 2).

Ejemplo 2. Línea en el ancho del texto.

HTML5 CSS 2.1 IE CR OP SA FX

Texto de ejemplo

El encabezado negro atrae la atención, a pesar del hecho de que es negro, no blanco.

El resultado de este ejemplo se muestra en la FIG. 2.

En el caso de usar la propiedad de decoración de texto, la línea está rígidamente vinculada al texto, por lo que no será posible determinar su posición y estilo.