A szöveg árnyékolását lehet ezzel a tulajdonsággal beállítani. Egy vesszővel
elválasztott listán lehet szerepeltetni az árnyékolást leíró értékeket, vagy
ezek helyett az inherit értéket megadva az elem ősétől fogja a
tulajdonság az értékét örökölni. A none érték (alapértelmezés)
letiltja az árnyékolást. Az árnyék kilóghat a szöveghez tartozó dobozból! Minden
árnyéknak meg kell adni a szövegtől való távolságát. Ez két hosszértékkel adható
meg. Az első a vízszintes távolság a szöveg jobb szélétől, a második pedig a
függőleges távolság a szöveg aljától. A negatív értékek is használhatók.
A harmadik hosszérték alkalmazása esetén megadja az árnyék méretét.
Mindezek előtt vagy után megadható az árnyék színe is, amelyet elhagyva az a szöveggel azonos színű lesz.
A tulajdonság használható a :first-letter és a :first-line pseudo-elemekkel.
A következő példa beállítja a szöveg árnyékolását alul és jobbra levő árnyékra. Mivel szín beállítása nem történik, így az árnyék színe a szövegével egyezik meg.
A fenti szabály eredménye az itt látható árnyékolás lesz.
A következő példa az árnyékot a szöveg alá jobbra helyezi és 5 pixel vastagra, vörösre állítja be.
A fenti szabály hatása a használt böngészőben ezen a bekezdésen látható.
A tapasztalat azt mutatja, hogy például a Mozilla ezt a tulajdonságot figyelmen kívül hagyja, és a többi böngészőnél is előfordulhat hasonló viselkedés.