জয়েন লগইন

সিএসএস marker

🌈সিএসএস marker কি?

📋সিএসএস marker হলো মার্কারের বৈশিষ্ট্য নির্ধারণ করার পদ্ধতি।

⚒️সিএসএস marker মার্কারের বৈশিষ্ট্য নির্ধারণ করতে ব্যবহৃত হয়।

সিএসএস marker মার্কারের বৈশিষ্ট্য নির্ধারণ করার উদাহরণ।

css
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
path {
  fill: none;
  stroke: black;
  stroke-width: 3;
  marker: url(#arrow);
}
</style>
</head>
<body>

<svg width="300" height="120" viewBox="0 0 300 120">

  <defs>
    <marker id="arrow"
      markerWidth="10"
      markerHeight="10"
      refX="5"
      refY="5"
      orient="auto">
      <path d="M0,0 L10,5 L0,10 Z"></path>
    </marker>
  </defs>

  <path d="M30 60 L270 60"></path>

</svg>

</body>
</html>