Benim gibi kutusunda noktalı stil sınır kullanıyorum

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

Sınırın bu artış her nokta arasındaki boşluk istiyorum.

İşte yeni bir proje yatay sınırları ile istediğim neredeyse her şeyi elde etmek için kullanılan bir hile. <hr/> yatay bir sınır ihtiyacım var her zaman kullanırım. Bu ik için bir çerçeve eklemek için basit yolu gibi bir şey

 hr {border-bottom: 1px dotted #000;}

Ama eğer sınırı ve, örneğin artış, noktalar arasındaki alanı kontrol altına almak istiyorsanız, bu gibi bir şey deneyebilirsiniz:

hr {
height:14px; /* specify a height for this hr */
overflow:hidden;
}

Ve aşağıda, sınır oluşturun (burada noktalı bir örnek)

hr:after {
content:".......................................................................";
letter-spacing: 4px; /* Use letter-spacing to increase space between dots*/
}

Bu da nokta metin-gölge, degrade vb ekleyebileceğiniz anlamına gelir. Bir şey istiyorsun

Peki, yatay sınırları için gerçekten çok işe yarıyor. Eğer dikey olanları ihtiyacınız varsa, başka bir ik için bir sınıf belirtmek ve CSS3 rotation özelliğini kullanabilirsiniz.