mirror of
https://github.com/servo/servo.git
synced 2025-08-05 13:40:08 +01:00
Add diamond test code
This commit is contained in:
parent
7dbabdd9e4
commit
34418ec957
1 changed files with 17 additions and 2 deletions
|
@ -26,16 +26,31 @@
|
||||||
border-width: 10px;
|
border-width: 10px;
|
||||||
border-color: green red yellow black;
|
border-color: green red yellow black;
|
||||||
}
|
}
|
||||||
|
#diamond1{
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border: 50px solid transparent;
|
||||||
|
border-bottom-color: red;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#diamond2{
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border: 50px solid transparent;
|
||||||
|
border-top-color: red;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="none"> none test.</div>
|
<div id="none"> none test.</div>
|
||||||
<div id="hidden"> hidden test.</div>
|
<div id="hidden"> hidden test.</div>
|
||||||
<!-- It doesn't work well yet. -->
|
|
||||||
<div id="solid"> solid test</div>
|
<div id="solid"> solid test</div>
|
||||||
<!-- It shows almost same result with firefox. -->
|
|
||||||
<div id="dashed"> dashed test</div>
|
<div id="dashed"> dashed test</div>
|
||||||
<!-- It doesn't show anything yet. -->
|
<!-- It doesn't show anything yet. -->
|
||||||
<div id="dotted"> dotted test. (dotted isn't supported yet)</div>
|
<div id="dotted"> dotted test. (dotted isn't supported yet)</div>
|
||||||
|
<!-- It's a Diamond -->
|
||||||
|
<div id="diamond1"></div>
|
||||||
|
<div id="diamond2"></div>
|
||||||
</body>
|
</body>
|
||||||
</HTML>
|
</HTML>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue