text-stroke-width প্রপার্টি

text-stroke-width প্রপার্টি টেক্সটের অক্ষরের আউটলাইন বা স্ট্রোকের পুরুত্ব নির্ধারণ করে। এই প্রপার্টি px, em, rem ইত্যাদি এককে নির্দিষ্ট মান গ্রহণ করে। এছাড়াও নিম্নলিখিত মানগুলি নির্দিষ্ট করা যেতে পারে: thin (পাতলা রেখা), medium (মধ্যম রেখা) এবং thick (মোটা রেখা)।

সিনট্যাক্স

cssসিলেক্টর {
  text-stroke-width: সংখ্যা অথবা thin অথবা medium অথবা thick;
}

উদাহরণ

আসুন আমাদের টেক্সটের অক্ষরে একটি পাতলা স্ট্রোক প্রয়োগ করি:

html<p>
  Text
</p>

cssbody {
  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;
}

Результат:

উদাহরণ

এবং এখন আসুন পাতলা স্ট্রোকটি মধ্যম স্ট্রোকে পরিবর্তন করি:

html<p>
  Text
</p>

cssbody {
  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;
}

Результат:

উদাহরণ

আসুন আমাদের টেক্সটের অক্ষরে একটি মোটা স্ট্রোক প্রয়োগ করি:

html<p>
  Text
</p>

cssbody {
  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-এ একটি স্ট্রোক প্রয়োগ করি:

html<p>
  Text
</p>

cssbody {
  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;
}

Результат:

আরও দেখুন