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

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

Mfano

Wacha tuweke herufi za maandishi yetu mstari mwembamba:

<p>
	Maandishi
</p>

body {
	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:

<p>
	Maandishi
</p>

body {
	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:

<p>
	Maandishi
</p>

body {
	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:

<p>
	Maandishi
</p>

body {
	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

sifa text-stroke,
ambayo huweka mstari wa maandishi
sifa text-stroke-color,
ambayo huweka rangi ya mstari wa maandishi