📌 مفهوم

ویژگی stroke در CSS مشخص می‌کند رنگ خط یا حاشیه اطراف شکل SVG چگونه باشد.

• فقط روی عناصر SVG قابل استفاده است (مثل <circle>, <rect>, <path>).

• مشابه fill است ولی برای خط بیرونی شکل به جای داخل آن.

📑 مقادیر CSS

مثال CSS:

circle {
  stroke: blue;
  stroke-width: 2; /* ضخامت خط */
}

rect {
  stroke: none; /* خط ندارد */
}

path {
  stroke: currentColor; /* از رنگ متن استفاده می‌کند */
}

🏷 Tailwind CSS

Tailwind کلاس‌های آماده برای stroke دارد:

مثال Tailwind:

💡 نکته: معمولا fill و stroke با هم استفاده می‌شوند تا شکل‌ها هم رنگ داخل و هم رنگ خط داشته باشند.