Css 绘制svg，但仅绘制4条边中的3条？

我希望三角形的右边没有笔划。类似于在css中使用

右边框：none

所做的操作

这可能吗

<span class="ui-icon">
  <svg viewBox="0 0 30 30" preserveAspectRatio="xMidYMid meet" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="arrow">
    <g>
      <path d="M-3.55271368e-15,30 L3.55271368e-15,0 L30,15 L-3.55271368e-15,30 Z"></path>
    </g>
  </svg>
</span>


  g path {
    fill: @white;
    stroke: @ui-tooltip-border-color;
  }

g路径{
填充：@白色；
笔划：@ui工具提示边框颜色；
}

您可以通过使用和：

路径{
填充：rgb（255、255、255）；
行程偏移：-164；
笔划：rgb（255170255）；
行程：67；
笔划宽度：0.5px；
}
svg{
变换：旋转（180度）；
高度：250px；
宽度：250px；
}
身体{
背景：象牙；
}

---

当然，还有一个选项，就是根本不画那一面

路径{
填充：rgb（255、255、255）；
笔划：rgb（255170255）；
笔划宽度：0.5px；
}
svg{
变换：旋转（180度）；
高度：250px；
宽度：250px；
}
身体{
背景：象牙；
}

我知道您希望取消右边界的抚摸，但在您的路径中，在4条已宣布的路线上只有3条边，其中两条在右侧。所以，为了避免一个不可能的选择，我以左边为例。是的。对不起，我忘了添加旋转180度。谢谢，这是最干净的解决方案。