Propriedade text-stroke-color

A propriedade text-stroke-color define a cor do contorno dos caracteres de texto ou sua borda.

Sintaxe

cssseletor {
  text-stroke-color: cor;
}

Exemplo

Vamos definir uma borda laranja para os caracteres do nosso texto:

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

Результат:

Veja também

  • a propriedade text-fill-color,
    que define a cor de preenchimento dos caracteres de texto
  • a propriedade text-stroke,
    que define o traçado do texto
  • a propriedade text-stroke-width,
    que define a espessura do traçado do texto