| <!DOCTYPE html> |
| |
| <html> |
| <head> |
| <style> |
| div { |
| font-size: 80px; |
| color: gray; |
| text-shadow: none; |
| stroke-width: 10px; |
| -webkit-text-stroke-width: 10px; |
| display: inline; |
| } |
| |
| div.stroke-color-class { |
| stroke-color: green; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <div style="-webkit-text-stroke-color: blue;">◼</div> |
| <div style="stroke-color: green; -webkit-text-stroke-color: blue;">◼</div> |
| <div style="-webkit-text-stroke-color: blue; stroke-color: green;">◼</div> |
| <div style="-webkit-text-stroke-color: blue; stroke-color: green; stroke-color: yellow;">◼</div> |
| <div style="-webkit-text-stroke-color: blue; stroke-color: green; -webkit-text-stroke-color: red;">◼</div> |
| |
| <div style="stroke-color: green;"><span style="-webkit-text-stroke-color: blue;">◼</span></div> |
| <div style="-webkit-text-stroke-color: blue;"><span style="stroke-color: green;">◼</span></div> |
| <div style="-webkit-text-stroke-color: blue;"><span>◼</span></div> |
| <div style="stroke-color: green; -webkit-text-stroke-color: blue;"><span>◼</span></div> |
| <div style="-webkit-text-stroke-color: blue; stroke-color: green;"><span>◼</span></div> |
| |
| <div class="stroke-color-class" style="-webkit-text-stroke-color: blue;">◼</div> |
| |
| </body> |
| </html> |
