text-stroke-width հատկությունը
text-stroke-width հատկությունը սահմանում է տեքստի նիշերի ուրվագծի
կամ դրա ծայրագծի հաստությունը: Հատկությունը
ընդունում է արժեքներ, որոնք նշված են չափման միավորներով
օրինակ px, em, rem և այլն: Նաև
կարելի է սահմանել հետևյալ արժեքները. thin (բարակ գիծ),
medium (միջին գիծ) և thick
(հաստ գիծ):
Շարահյուսություն
ընտրիչ {
text-stroke-width: թիվ կամ thin կամ medium կամ thick;
}
Օրինակ
Եկեք մեր տեքստի նիշերին տանք բարակ ծայրագիծ.
<p>
Text
</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>
Text
</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>
Text
</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>
Text
</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հատկությունը,
որը սահմանում է տեքստի ծայրագծի գույնը