Estilo de texto es un factor importante utilizado para mejorar los elementos del sitio web. Incluye varios elementos HTML, como enlaces, imágenes y botones que deben sincronizarse y ser consistentes. También, CSS puede garantizar que el texto agregado en una página web esté bien sincronizado. Para este propósito, se pueden usar varias características de texto, que incluyen tamaño de texto, color de fuente, orientación de texto y color de fuente. "sombra de texto"También está incluido en la lista de estas fantásticas propiedades.

Este artículo discutirá el Propiedad de Shadow de texto y sus opciones relacionadas con la ayuda de ejemplos adecuados.

Propiedad de Shadow de texto en CSS

En CSS, puedes utilizar el "sombra de texto"Propiedad para Agregar sombras hacia Html texto elementos. Comprende diferentes tipos de sombras que se pueden aplicar utilizando CSS interno, externo o en línea.

La sintaxis de la propiedad de Shadow de texto en CSS se da a continuación.

Sintaxis

Shadow de texto: H-Shadow H-Shadow Blur-Radius Color | Ninguno | Inicial |
heredar;

Los atributos del valor de la sombra de texto se describen a continuación.

Valores requeridos
H-Shadow: Este valor se utiliza para especificar la posición horizontal de la sombra de texto. Se pueden usar valores negativos para mover la sombra al lado izquierdo.

Shadow: Este valor es necesario para establecer la posición vertical de una sombra. V-Shadow también acepta los valores negativos como desplazamiento.

Todos los valores mencionados anteriormente se utilizarán en el ejemplo dado a continuación.

Ejemplo
En el ejemplo dado a continuación, hemos establecido "1px" como "H-Shadow" y "3px" como "Shadow" valores. Además, el "color" de la sombra de texto se especifica como "rojo":

Efecto de sombra de texto!

Producción

Valores opcionales

borde: Se utiliza para difuminar la sombra de texto y su valor predeterminado es 0.

ninguno: Muestra que no se agrega ningún efecto de sombra al texto.

color: Esta opción se utiliza para especificar el color de la sombra de texto.

inicial: Esta opción se utiliza para especificar el valor predeterminado de la propiedad de Shadow de texto.

heredar: Puede heredar esta propiedad desde su elemento HTML principal.

Ahora, veamos algunos ejemplos relacionados con los valores de sombra de texto proporcionados.

Ejemplo: agregar color a la sombra de texto

Efecto de color de sombra de texto

La ejecución del código anterior agregará un efecto de color "naranja" a la sombra de texto agregada:

El siguiente ejemplo muestra el efecto de desenfoque en una propiedad de sombra de texto.

Ejemplo: agregar efecto desenfoque a la sombra de texto

Efecto de desenfoque de la sombra del texto!

Producción

La propiedad de Shadow de texto también acepta la lista de sombras separadas por las comas. El siguiente ejemplo demostrará el procedimiento para realizar la operación especificada.

Ejemplo

Shadow de texto con múltiples brillo de texto.

Producción

Hemos proporcionado la información más esencial relacionada con el uso de "sombra de texto" Propiedad en CSS.

Conclusión

En CSS, Propiedad de Shadow de texto se utiliza para agregar sombras a los elementos de texto HTML. Se usa principalmente para agregar colores al texto, difuminar su sombra y establecer su posición horizontal y vertical. Este artículo proporciona una guía exhaustiva sobre el procedimiento del uso de dimensiones horizontales y verticales de la sombra de texto, difumina la sombra de texto y, por último, el uso de colores con la propiedad de sombra de texto de CSS.