Как увеличить расстояние между пунктирными точками границы

Я использую границу с пунктиром в моем блоке, например

.box {
    width: 300px;
    height: 200px;
    border: dotted 1px #f00;
    float: left;
}

Я хочу увеличить расстояние между каждой точкой границы.