
La propiedad text-decoration-color CSS especifica el color de las líneas decorativas que se utilizan en el texto y se establecen mediante la propiedad text-decoration-line
. Esto incluye líneas arriba, abajo o que pasan a través de la línea, o líneas onduladas (generalmente un error ortográfico, por ejemplo). El color establecido a través de esta propiedad se aplicará a todas las líneas de decoración seleccionadas en el objeto.
Funciones text-decoration-color css
Valor inicial | currentcolor |
---|---|
Aplicado a | Todos los artículos. |
Heredable | No |
Móvil | Sí |
Valor calculado | valor del color <color> . |
Si va a establecer varias propiedades para definir la forma de las líneas de decoración, se recomienda utilizar la propiedad corta text-decoration
.
/* <color> valores de color */ text-decoration-color: currentColor; text-decoration-color: red; text-decoration-color: #00ff00; text-decoration-color: rgba(255, 128, 128, 0.5); text-decoration-color: transparent; /* valores globales */ text-decoration-color: inherit; text-decoration-color: initial; text-decoration-color: unset;
CSS no proporciona una forma directa de especificar un color único para cada fuente decorativa aplicada a un elemento, pero se puede hacer usando más de un elemento HTML y aplicando un tipo de fuente diferente a cada elemento (usando la propiedad text-decoration-line
) y especificando la color de fuente (vía text-decoration-color
) para cada elemento individualmente.
Ejemplos y aplicaciones en código
Un ejemplo del uso de la propiedad text-decoration-color
con atributos text-decoration-line
y text-decoration-style
en un elemento <p>
y un elemento <s>
dentro de ella:
< p > en este párrafo < s > algunos errores ortográficos </ s > que queremos señalar. </ p >
Código CSS:
p { text-decoration-line: underline; text-decoration-color: cyan; } s { text-decoration-line: line-through; text-decoration-color: red; text-decoration-style: wavy; }
Soporte de navegadores
Característica | Chrome | Firefox | IE | Ópera | Safari |
---|---|---|---|---|---|
Soporte básico | 57 | 36,0 | No soportado | 44 | 7.1 con el anterior -webkit- |
Característica generales
La propiedad acepta text-decoration-color
un solo valor de color.
<color>
Ajusta el color de la decoración.
Estructura text-decoration-color css
text-decoration-color: <color>;
Consulte también
- La página de propiedades
text-decoration
que define la forma de las líneas decorativas utilizadas en el texto. - Página de propiedades
text-decoration-line
que especifica el tipo de fuentes decorativas utilizadas en el texto. - La página de propiedades
text-decoration-style
que define la forma de las líneas decorativas utilizadas en el texto.
- ¿Qué es el código CSS y en que se utiliza?
- Característica background-attachment en CSS
- Característica background-blend-mode en CSS
- Característica background-clip en CSS
- Característica background-color en CSS
- Característica background-image en CSS
- Característica background-origin en CSS
- Característica background-position en CSS
- Característica background-repeat en CSS
- Característica background-size en CSS
- Característica border-bottom en CSS
- Característica border-bottom-color en CSS
- Característica border-bottom-style en CSS
- Característica border-bottom-width en CSS
- Característica border-color en CSS
- Característica border-image en CSS
- Característica border-image-outset en CSS
- Característica border-image-repeat en CSS
- Característica border-image-slice en CSS
- Característica border-image-source en CSS
- Característica border-left-color en CSS
- Característica border-left-style en CSS
- Característica border-left-width en CSS
- Característica border-right en CSS
- Característica Box Sizing en CSS
- Característica box-shadow en CSS
- Característica de Border en CSS
- Característica de Opacity en CSS
- Característica del Background en CSS
- Característica del Color en el CSS
- Característica del CSS Bottom
- Característica del CSS Display
- Característica del Margin en CSS
- Característica del Overflow en CSS
- Característica del Padding en CSS
- Características align-content en CSS
- Características align-items en CSS
- Características align-self en CSS
- Características border-bottom-left-radius en CSS
- Características border-bottom-right-radius en CSS
- Características border-image-width en CSS
- Características border-left en CSS