Proprietà text-stroke-color

La proprietà text-stroke-color imposta il colore del contorno dei caratteri del testo o il suo tratto.

Sintassi

cssselettore {
  text-stroke-color: colore;
}

Esempio

Impostiamo un tratto arancione per i caratteri del nostro testo:

html<p>
  Testo
</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;
}

Результат:

Vedi anche

  • la proprietà text-fill-color,
    che imposta il colore di riempimento dei caratteri del testo
  • la proprietà text-stroke,
    che imposta il tratto del testo
  • la proprietà text-stroke-width,
    che imposta lo spessore del tratto del testo