有没有办法在CSS中设置虚线轮廓的属性?

时间:2019-09-19 16:21:55

标签: css svg

在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轮廓中设置破折号数组和破折号偏移量?

MDN Outline Style

0 个答案:

没有答案