-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 inicial | as each of the properties of the shorthand:
|
---|---|
Applies to | all elements |
Heredable | yes |
Valor calculado | as each of the properties of the shorthand:
|
Animation type | as 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
Síntaxis Formal
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