Sifa ya text-stroke-width

Sifa text-stroke-width huweka unene wa mstari wa herufi za maandishi au mstari wa nje. Sifa inakubali maadili, yaliyoonyeshwa kwenye vitengo vya ukubwa kama px, em, rem n.k. Pia inawezekana kuweka maadili yafuatayo: thin (mstari mwembamba), medium (mstari wa kati) na thick (mstari mnene).

Syntax

csskichagua {
  text-stroke-width: namba au thin au medium au thick;
}

Mfano

Wacha tuweke herufi za maandishi yetu mstari mwembamba:

html<p>
  Maandishi
</p>

cssbody {
  width: 100px;
  height: 50px;
}
p {
  -webkit-text-stroke-color: orange;
  -webkit-text-stroke-width: thin;
  text-stroke-width: thin;
  color: white;
  font-size: 10em;
  margin-top: 0;
  font-weight: bold;
  font-family: Arial;
}

Результат:

Mfano

Sasa hebu tubadilishe mstari mwembamba kuwa wa kati:

html<p>
  Maandishi
</p>

cssbody {
  width: 100px;
  height: 50px;
}
p {
  -webkit-text-stroke-color: orange;
  -webkit-text-stroke-width: medium;
  text-stroke-width: medium;
  color: white;
  font-size: 10em;
  margin-top: 0;
  font-weight: bold;
  font-family: Arial;
}

Результат:

Mfano

Wacha tuweke herufi za maandishi yetu mstari mnene:

html<p>
  Maandishi
</p>

cssbody {
  width: 100px;
  height: 50px;
}
p {
  -webkit-text-stroke-color: orange;
  -webkit-text-stroke-width: thick;
  text-stroke-width: thick;
  color: white;
  font-size: 10em;
  margin-top: 0;
  font-weight: bold;
  font-family: Arial;
}

Результат:

Mfano

Pia wacha tuweke herufi za maandishi yetu mstari wa 2px:

html<p>
  Maandishi
</p>

cssbody {
  width: 100px;
  height: 50px;
}
p {
  -webkit-text-stroke-color: orange;
  -webkit-text-stroke-width: 2px;
  color: white;
  font-size: 10em;
  margin-top: 0;
  font-weight: bold;
  font-family: Arial;
}

Результат:

Angalia pia