webf icon indicating copy to clipboard operation
webf copied to clipboard

border property not work

Open yifei8 opened this issue 2 years ago • 0 comments

Affected version

0.12.0 +

No same issues found.

  • [X] Yes, I search all issues but not found.

Steps to Reproduce

demo

Code example

<html style="font-size: 227.431%">
	<head></head>
	<style>
		body {
			position: relative;
		}
		* {
			margin: 0;
			padding: 0;
		}
		.top {
			margin: 2rem auto;
			width: 80%;
			height: 4rem;
			background-color: aqua;
			border: 10px solid #000;
		}
		.top1 {
			margin: 2rem auto;
			width: 80%;
			height: 4rem;
			background-color: aqua;
			border: 10px dashed #000;
		}
		.top2 {
			margin: 2rem auto;
			width: 80%;
			height: 4rem;
			background-color: aqua;
			border: 10px double #000;
		}
		.top3 {
			margin: 2rem auto;
			width: 80%;
			height: 4rem;
			background-color: aqua;
			border: 10px dotted #000;
		}
		.top4 {
			margin: 2rem auto;
			width: 80%;
			height: 4rem;
			background-color: aqua;
			border: 10px ridge #000;
		}
		.top5 {
			margin: 2rem auto;
			width: 80%;
			height: 4rem;
			background-color: aqua;
			border-width: 10px;
			border-color: #000;
			border-style: dashed;
		}
	</style>
	<body>
		<div class="top"></div>
		<div class="top1"></div>
		<div class="top2"></div>
		<div class="top3"></div>
		<div class="top4"></div>
		<div class="top5"></div>
	</body>
</html>

Expected results

work like h5

Actual results

not work

yifei8 avatar Feb 23 '23 07:02 yifei8