Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-04 21:20:23 +01:00
Code Issues Projects Releases Packages Wiki Activity

Add more test codes for border-style. And remove a file for same test

Browse source
This commit is contained in:
Sangeun Kim 2013-08-29 14:02:16 +09:00
parent 160753ee27
commit f96a0ac8b4
4 changed files with 41 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/test/html/test-border.css
View file

@ -1,4 +0,0 @@
img {
border-width: 10px;
border-color: blue
}

11
src/test/html/test-border.html
View file

@ -1,11 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="test-border.css" />
</head>
<body>
<img src="test.jpeg"></img>
</body>
</html>

15
src/test/html/test_asymmetric_border_color.html
View file

@ -1,15 +0,0 @@
<HTML>
<HEAD>
<TITLE>Examples of margins, padding, and borders</TITLE>
<STYLE type="text/css">
LI.withborder {
border-style: dashed;
border-width: 10px;
border-color: yellow black red green;
}
</STYLE>
</HEAD>
<BODY>
<LI class="withborder">Second element of list is a bit longer to illustrate wrapping.
</BODY>
</HTML>

41
src/test/html/test_border.html Executable file
View file

@ -0,0 +1,41 @@
<html>
<head>
<style>
#none{
border-style: none;
border-width: 10px;
border-color: green red yellow black;
}
#hidden{
border-style: hidden;
border-width: 10px;
border-color: green red yellow black;
}
#solid{
border-style: solid;
border-width: 10px;
border-color: yellow green red black;
}
#dashed{
border-style: dashed;
border-width: 10px;
border-color: green yellow black red;
}
#dotted{
border-style: dotted;
border-width: 10px;
border-color: green red yellow black;
}
</style>
</head>
<body>
<div id="none"> none test.</div>
<div id="hidden"> hidden test.</div>
<!-- It doesn't work well yet. -->
<div id="solid"> solid test</div>
<!-- It shows almost same result with firefox. -->
<div id="dashed"> dashed test</div>
<!-- It doesn't show anything yet. -->
<div id="dotted"> dotted test. (dotted isn't supported yet)</div>
</body>
</HTML>