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প্রপার্টি,
যা টেক্সট স্ট্রোকের রং নির্ধারণ করে
