在SVG中,可以将属性设置为虚线轮廓。
.Rectangle_3 {
position: absolute;
overflow: visible;
width: 224px;
height: 198px;
left: 10px;
top: 10px;
}
<svg class="Rectangle_3">
<rect fill="rgba(255,255,255,1)" stroke="rgba(0,118,255,1)" stroke-width="2px" stroke-linejoin="miter" stroke-linecap="butt" stroke-dasharray="1 8" stroke-dashoffset="0" stroke-miterlimit="4" shape-rendering="auto" id="Rectangle_3" rx="0" ry="0" x="0" y="0" width="224" height="198">
</rect>
</svg>
CSS轮廓中有一个虚线轮廓样式。
.rectangle1 {
position: absolute;
overflow: visible;
width: 224px;
height: 198px;
left: 10px;
top: 10px;
outline: 1px dashed blue;
}
<div class="rectangle1">
</div>
是否可以在CSS轮廓中设置破折号数组和破折号偏移量?