Propiedad text-stroke-color

La propiedad text-stroke-color establece el color del contorno de los caracteres de texto o su trazo.

Sintaxis

cssselector {
  text-stroke-color: color;
}

Ejemplo

Vamos a establecer un trazo naranja para los caracteres de nuestro texto:

html<p>
  Text
</p>
cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-text-stroke-color: orange;
  text-stroke-color: orange;
  -webkit-text-stroke-width: 1px;
  color: white;
  padding: 10px;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial;
}

Результат:

Véase también

  • la propiedad text-fill-color,
    que establece el color de relleno de los caracteres de texto
  • la propiedad text-stroke,
    que establece el trazo del texto
  • la propiedad text-stroke-width,
    que establece el grosor del trazo del texto