| <html> |
| <head> |
| <style> |
| p.complex { text-size: 20pt; text-rendering: geometricPrecision; } |
| p.solidshadow { text-shadow: green 5px 5px 0px; } |
| p.shadow { text-shadow: green 5px 5px 2px; } |
| </style> |
| </head> |
| <body> |
| <div> |
| <p>This test verifies that the text-shadow CSS property works properly for complex text</p> |
| <p>The following text should have no shadow:</p> |
| <p class="complex">A B C D E F G H I J K L M N O P Q R S T U V X Y Z</p> |
| <p>The following text should have a green solid shadow:</p> |
| <p class="complex solidshadow">A B C D E F G H I J K L M N O P Q R S T U V X Y Z</p> |
| <p>The following text should be rendered with a green shadow with a blur radius of 2:</p> |
| <p class="complex shadow">A B C D E F G H I J K L M N O P Q R S T U V X Y Z</p> |
| </div> |
| |
| </body> |
| </html> |
