how to make horizontal rule dotted code example

Example: how to make horizontal rule dotted

hr {
    color: grey;
    border-style: dotted none none none;
    border-width: 5px;
    width: 10%;
}