Хосияти text-stroke-width

Хосияти text-stroke-width ғафсии контури рамзҳои матн ё ҳалқаи онро муқаррар мекунад. Хосият қиматҳоеро қабул мекунад, ки дар воҳидҳои андоза px, em, rem ва ғайра ишора шудаанд. Инчунин метавон қиматҳои зеринро муқаррар кард: thin (хати нозук), medium (хати миёна) ва thick (хати ғафс).

Синтаксис

интихобкунанда {
	text-stroke-width: адад ё thin ё medium ё thick;
}

Намуна

Биёед ба рамзҳои матни мо ҳалқаи нозук муқаррар кунем:

<p>
	Матн
</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;
}

Намуна

Ва акнун биёед ҳалқаи нозукро ба миёна иваз кунем:

<p>
	Матн
</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;
}

Намуна

Биёед ба рамзҳои матни мо ҳалқаи ғафс муқаррар кунем:

<p>
	Матн
</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;
}

Намуна

Инчунин биёед ба рамзҳои матни мо ҳалқае дар 2px муқаррар кунем:

<p>
	Матн
</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;
}

Нигаред низ

хосияти text-stroke,
ки ҳалқаи матнро муқаррар мекунад
хосияти text-stroke-color,
ки ранги ҳалқаи матнро муқаррар мекунад