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