How to make dot-dash underline

How to underline words with .-.-.-.-. pattern using HTML and CSS, or MS Word?

I know there are border-bottom-style properties in CSS, there are dotted and dashed styles, but there is no dot-dashed or something like that. In MS Word also there are different underline styles but not the one I need.