Menu
Is it possible to use the text-shadow feature with inline CSS? I am trying to give my header a border, but nothing seems to work. I am writing this for an email template in an IT ticketing application, so I can't add a separate style sheet. It seems my options are limited. Maybe my syntax is wrong?
<h1 style="text-align: center">
<span style="font-family: Verdana">
<span style="text-shadow: -1px -1px #ffffff, -1px 1px #ffffff, 1px -1px #ffffff, 1px 1px #ffffff">
Service Request Created
</span>
</span>
</h1>Please let me know if what I am trying to do is even possible.
893
CSS Syntaxtext-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit; Note: To add more than one shadow to the text, add a comma-separated list of shadows.
The text-shadow CSS property adds shadows to text.
A light source positioned above an element will cast a shadow below the element. Placing a light source to the left of an element will cast a shadow to the right. Placing multiple light sources to the top, bottom, left and right of an element actually casts no shadow at all!
Select the text or WordArt that you want to format. On the Format tab, under Text Styles, click Effects, point to Shadow, and then click the shadow style that you want.
This is not an inline issue. Email clients limit many CSS properties. Text shadow does not work on all popular clients: https://www.campaignmonitor.com/css/.
One solution is that you can make the text an image.
Also, inline style declarations should still end with semicolons.
187
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
