Changeset 1654 for sandbox/filemanager/tp/dompdf/www/test/border_test.html
- Timestamp:
- 11/17/09 09:02:41 (15 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
sandbox/filemanager/tp/dompdf/www/test/border_test.html
r1575 r1654 21 21 td.inset { border-style: inset; color: teal; } 22 22 td.outset { border-style: outset; color: blue; } 23 24 div.full { border:thin blue solid; margin:2pt;} 25 26 div.partialthinsolid, 27 div.partial1, 28 div.partial2 { border:thin solid; margin:2pt;} 29 30 div.partial1 { border-color:green; } 31 div.partial2 { border:blue;} 32 33 div.partial3 { border-style:dashed; } 34 div.partial4 { border-width:thick; } 35 div.partial5 { border-width:medium; } 36 div.partial6 { border-width:3pt; } 37 38 div.partial1top, 39 div.partial2top { border-top:thin solid; margin:2pt;} 40 41 div.partial1top {border-top-color:green; } 42 div.partial2top {border-top:blue;} 43 44 23 45 </style> 24 46 </head> … … 40 62 </table> 41 63 64 <h2>partial attributes merged</h2> 65 66 <div style="border:thin solid red;">border:thin solid red;</div> 67 <div style="border:red thin solid;">border:red thin solid;</div> 68 <div class="partialthinsolid partial2">{ border:thin solid; }{border:blue; } (merged, reset all - color has no effect)</div> 69 <div class="partialthinsolid partial1">{ border:thin solid; }{border-color:green; } (merged, overwrite only color)</div> 70 <div class="partial2">{ border:thin solid; }{border:blue; } (merged, reset all - color has no effect)</div> 71 <div class="partial1">{ border:thin solid; }{border-color:green; } (merged, overwrite only color)</div> 72 <div class="full partial1">{ border:thin blue solid; }{border-color:green; } (merged, overwrite only color)</div> 73 <div class="full partial3">{ border:thin blue solid; }{border-style:dashed; } (merged, overwrite only style)</div> 74 <div class="full partial4">{ border:thin blue solid; }{border-width:thick; } (merged, overwrite only width)</div> 75 <div class="full partial5">{ border:thin blue solid; }{border-width:medium; } (merged, overwrite only width)</div> 76 <div class="full partial6">{ border:thin blue solid; }{border-width:3pt; } (merged, overwrite only width)</div> 77 78 <h2>top:</h2> 79 80 <div style="border-top:thin solid red;">border-top:thin solid red;</div> 81 <div style="border-top:red thin solid;">border-top:red thin solid;</div> 82 <div class="partial1top">{ border-top:thin solid; }{border-top-color:green; } (merged, overwrite only color)</div> 83 <div class="partial2top">{ border-top:thin solid; }{border-top:blue; } (merged, reset all - color has no effect)</div> 84 85 <h2>right left bottom:</h2> 86 87 <div style="border-right:thin solid red;">border-right:thin solid red;</div> 88 <div style="border-left:thin solid red;">border-left:thin solid red;</div> 89 <div style="border-bottom:thin solid red;">border-bottom:thin solid red;</div> 90 91 <h2>Individual Attributes</h2> 92 <div class="full" style="border-top-color:red;">{border:thin blue solid;}{border-top-color:red;}</div> 93 <div class="full" style="border-right-color:red;">{border:thin blue solid;}{border-right-color:red;}</div> 94 <div class="full" style="border-bottom-color:red;">{border:thin blue solid;}{border-bottom-color:red;}</div> 95 <div class="full" style="border-left-color:red;">{border:thin blue solid;}{border-left-color:red;}</div> 96 97 <div class="full" style="border-top-style:dashed;">{border:thin blue solid;}{border-top-style:dashed;}</div> 98 <div class="full" style="border-right-style:dashed;">{border:thin blue solid;}{border-right-style:dashed;}</div> 99 <div class="full" style="border-bottom-style:dashed;">{border:thin blue solid;}{border-bottom-style:dashed;}</div> 100 <div class="full" style="border-left-style:dashed;">{border:thin blue solid;}{border-left-style:dashed;}</div> 101 102 <div class="full" style="border-top-width:medium;">{border:thin blue solid;}{border-top-width:medium;}</div> 103 <div class="full" style="border-right-width:medium;">{border:thin blue solid;}{border-right-width:medium;}</div> 104 <div class="full" style="border-bottom-width:medium;">{border:thin blue solid;}{border-bottom-width:medium;}</div> 105 <div class="full" style="border-left-width:medium;">{border:thin blue solid;}{border-left-width:medium;}</div> 106 107 <h2>Individual side specific Attributes</h2> 108 109 <div class="full" style="border-color:red;">{border:thin blue solid;}{border-color:red;}</div> 110 <div class="full" style="border-color:red green;">{border:thin blue solid;}{border-color:red green;}</div> 111 <div class="full" style="border-color:red green blue;">{border:thin blue solid;}{border-color:red green blue;}</div> 112 <div class="full" style="border-color:red green blue gray;">{border:thin blue solid;}{border-color:red green blue gray;}</div> 113 114 <div class="full" style="border-style:dashed;">{border:thin blue solid;}{border-style:dashed;}</div> 115 <div class="full" style="border-style:dashed dotted;">{border:thin blue solid;}{border-style:dashed dotted;}</div> 116 <div class="full" style="border-style:dashed dotted double;">{border:thin blue solid;}{border-style:dashed dotted double;}</div> 117 <div class="full" style="border-style:dashed dotted double groove;">{border:thin blue solid;}{border-style:dashed dotted double groove;}</div> 118 119 <div class="full" style="border-width:1pt;">{border:thin blue solid;}{border-width:1pt;}</div> 120 <div class="full" style="border-width:1pt 2pt;">{border:thin blue solid;}{border-width:1pt 2pt;}</div> 121 <div class="full" style="border-width:1pt 2pt 3pt;">{border:thin blue solid;}{border-width:1pt 2pt 3pt;}</div> 122 <div class="full" style="border-width:1pt 2pt 3pt 4pt;">{border:thin blue solid;}{border-width:1pt 2pt 3pt 4pt;}</div> 123 42 124 </body> </html>
Note: See TracChangeset
for help on using the changeset viewer.