1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < body >
4+ < h3 > BorderColorShorthandResolver tests:</ h3 >
5+ < div style ="border-color: device-cmyk(70%, 0%, 100%, 40% / .5); border-style: solid; border-width: 1px; ">
6+ border should be half visible and green
7+ </ div >
8+ < div style ="border-color: device-cmyk(70%, 0%, 100%, 40%); border-style: solid; border-width: 1px; ">
9+ border should be green
10+ </ div >
11+ < div style ="border-color: device-cmyk(70% 0% 100% 40%); border-style: solid; border-width: 1px; ">
12+ border should be green
13+ </ div >
14+ < br >
15+
16+ < h3 > BorderShorthandResolver tests:</ h3 >
17+ < div style ="border: 1px solid device-cmyk(70% 0% 100% 40% / .5); ">
18+ border should be half visible and green
19+ </ div >
20+ < div style ="border: 1px solid device-cmyk(70%, 0%, 100%, 40% / .5); ">
21+ border should be half visible and green
22+ </ div >
23+ < div style ="border: 1px solid device-cmyk(70% 0% 100% 40%); ">
24+ border should be green
25+ </ div >
26+ < br >
27+
28+ < h3 > BorderBottomShorthandResolver tests:</ h3 >
29+ < div style ="border-bottom: 1px dashed device-cmyk(70% 0% 100% 40%); ">
30+ bottom border should be green and dashed
31+ </ div >
32+ < div style ="border-width: 1px; border-bottom-style: solid; border-bottom-color: device-cmyk(70% 0% 100% 40%); ">
33+ bottom border should be green
34+ </ div >
35+ < br >
36+
37+ < h3 > BorderLeftShorthandResolver tests:</ h3 >
38+ < div style ="border-width: 1px; border-left-style: solid; border-left-color: device-cmyk(70% 0% 100% 40%); ">
39+ left border should be green
40+ </ div >
41+ < div style ="border-left: 1px dashed device-cmyk(70% 0% 100% 40%); ">
42+ left border should be green and dashed
43+ </ div >
44+ < br >
45+
46+ < h3 > BorderRightShorthandResolver tests:</ h3 >
47+ < div style ="border-right: 1px dashed device-cmyk(70% 0% 100% 40%); ">
48+ right border should be green and dashed
49+ </ div >
50+ < div style ="border-width: 1px; border-right-style: solid; border-right-color: device-cmyk(70% 0% 100% 40%); ">
51+ right border should be green
52+ </ div >
53+ < br >
54+
55+ < h3 > BorderTopShorthandResolver tests:</ h3 >
56+ < div style ="border-top: 1px dashed device-cmyk(70% 0% 100% 40%); ">
57+ top border should be green and dashed
58+ </ div >
59+ < div style ="border-width: 1px; border-top-style: solid; border-top-color: device-cmyk(70% 0% 100% 40%); ">
60+ top border should be green
61+ </ div >
62+ < br >
63+
64+ < h3 > BorderRadiusShorthandResolver tests:</ h3 >
65+ < div style ="border-radius: 10px; border: 2px solid device-cmyk(0 81% 81% 30%/ .5 rgb(178 34 34));padding: 2px; ">
66+ device-cmyk with border-radius (half visible)
67+ </ div >
68+ < div style ="border-bottom-left-radius: 10px; border: 2px solid device-cmyk(0 81% 81% 30%/ .5 rgb(178 34 34));padding: 2px; ">
69+ device-cmyk with border-bottom-left-radius (half visible)
70+ </ div >
71+ < div style ="border-bottom-right-radius: 10px; border: 2px solid device-cmyk(0, 81%, 81%, 30%/ .5);padding: 2px; ">
72+ device-cmyk with border-bottom-right-radius (half visible)
73+ </ div >
74+ < div style ="border-top-right-radius: 10px; border: 2px solid device-cmyk(0 81% 81% 30%);padding: 2px; ">
75+ device-cmyk with border-top-right-radius
76+ </ div >
77+ < div style ="border-top-left-radius: 10px; border: 2px solid device-cmyk(0, 81%, 81%, 30%);padding: 2px; ">
78+ device-cmyk with border-top-left-radius
79+ </ div >
80+ < br >
81+
82+ < h3 > TableRenderer "border-collapse: separate" with CMYK colors tests:</ h3 >
83+ < table style ="border: 1px solid device-cmyk(70% 0% 100% 40% / .5); border-collapse: separate ">
84+ < tr >
85+ < th style ="border: 1px solid device-cmyk(70% 0% 100% 40% / .5); "> first column</ th >
86+ < th style ="border: 1px solid device-cmyk(70% 0% 100% 40% / .5); "> second column
87+ < th >
88+ </ tr >
89+ < tr >
90+ < td style ="border: 1px solid device-cmyk(70% 0% 100% 40% / .5); "> border collapse</ td >
91+ < td style ="border: 1px solid device-cmyk(70% 0% 100% 40% / .5); "> with device-cmyk</ td >
92+ </ tr >
93+ </ table >
94+ < h3 > TableRenderer "border-collapse: collapse" with CMYK colors tests:</ h3 >
95+ < table style ="border: 1px solid device-cmyk(70% 0% 100% 40% / .5); border-collapse: collapse ">
96+ < tr >
97+ < th style ="border: 1px solid device-cmyk(70% 0% 100% 40% / .5); "> first column</ th >
98+ < th style ="border: 1px solid device-cmyk(70% 0% 100% 40% / .5); "> second column
99+ < th >
100+ </ tr >
101+ < tr >
102+ < td style ="border: 1px solid device-cmyk(70% 0% 100% 40% / .5); "> border collapse</ td >
103+ < td style ="border: 1px solid device-cmyk(70% 0% 100% 40% / .5); "> with device-cmyk</ td >
104+ </ tr >
105+ </ table >
106+ < h3 > TableRenderer "border-collapse: collapse" with RGB colors tests:</ h3 >
107+ < table style ="border: 1px solid rgb(255, 128, 128); border-collapse: collapse ">
108+ < tr >
109+ < th style ="border: 1px solid rgb(255, 128, 128); "> first column</ th >
110+ < th style ="border: 1px solid rgb(255, 128, 128); "> second column
111+ < th >
112+ </ tr >
113+ < tr >
114+ < td style ="border: 1px solid rgb(255, 128, 128); "> border collapse</ td >
115+ < td style ="border: 1px solid rgb(255, 128, 128); "> with rgb</ td >
116+ </ tr >
117+ </ table >
118+ < br >
119+ </ body >
120+ </ html >
0 commit comments