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 касиети,
текстин чет сызыгынын түсүн белгилейт