Why dot sign moved to beginning of the sentence when we use direction rtl

I have a question. Why we use direction property in css? I mean why if we set ( direction : rtl) the dot moved to first of sentence but other words of sentence not moved... For example : to see example