В чем разница между свойствами text-shadow и text-stroke в CSS?

Разница между свойствами text-shadow и text-stroke в CSS заключается в том, что каждое из них создаёт разный эффект для текста:

1. text-shadow добавляет к тексту тень. webref.ru www.geeksforgeeks.org При определённых значениях свойства такая тень напоминает контур. webref.ru Он принимает параметры для горизонтального и вертикального смещения, радиуса размытия и цвета. www.geeksforgeeks.org
2. text-stroke создаёт внутренний контур текста. www.mo4tech.com Для этого используются два свойства: text-stroke-width, которое устанавливает толщину контура, и text-stroke-color, задающее цвет контура. webref.ru

Таким образом, text-shadow создаёт фиктивный контур за счёт тени вокруг букв, из-за чего он не имеет чётких очертаний и слегка размыт. webref.ru text-stroke, в свою очередь, создаёт реальный контур вокруг текста, для чего в качестве значения через пробел указываются толщина и цвет контура. webref.ru

При этом свойство text-shadow работает во всех браузерах, включая устаревшие версии, в то время как text-stroke официально не входит в спецификацию CSS и поддерживается только с префиксом -webkit-. webref.ru