-webkit-text-stroke

No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.

Resumen

La propiedad CSS -webkit-text-stroke especifica la anchura y color del trazo para los caractéres de texto. Esta forma es una manera corta en relación con la forma larga que necesita usar las propiedades-webkit-text-stroke-width y -webkit-text-stroke-color.

Valor inicialas each of the properties of the shorthand:
Applies toall elements
Heredableyes
Valor calculadoas each of the properties of the shorthand:
Animation typeas each of the properties of the shorthand:

Síntaxis

css
/* Valores anchura y color */
-webkit-text-stroke: 4px navy;

/* Valores globales */
-webkit-text-stroke: inherit;
-webkit-text-stroke: initial;
-webkit-text-stroke: unset;

Valores

<length>

La anchura del trazo.

<color>

El color del trazo.

Síntaxis Formal

-webkit-text-stroke = 
<line-width> ||
<color>

<line-width> =
<length [0,∞]> |
thin |
medium |
thick

Ejemplo

HTML

html
<p id="example">El trazo de este texto es rojo.</p>

CSS

css
#example {
  font-size: 50px;
  margin: 0;
  -webkit-text-stroke: 2px red;
}

Especificaciones

Specification
Compatibility Standard
# the-webkit-text-stroke

Compatibilidad con navegadores

BCD tables only load in the browser

Ver además