Estou a usar margem em estilo pontilhado na minha caixa como
.box {
width: 300px;
height: 200px;
border: dotted 1px #f00;
float: left;
}
Quero aumentar o espaço entre cada ponto da fronteira.
Ver os docs MDN para os valores disponíveis para "estilo de fronteira":
- nenhuma: Sem borda, fixa a largura a 0. Este é o valor por defeito.
- oculto : O mesmo que 'none', excepto em termos de resolução de conflitos fronteiriços para a mesa elementos.
- tracejado : Série de abreviaturas travessões ou segmentos de linha.
- tracejado: Série de pontos.
- duplo : Dois pontos rectos linhas que somam a quantidade de píxeis definido como largura de fronteira.
- ranhura: Efeito esculpido.
- inset : Faz a caixa aparecem embutidos.
- início : Oposto de ' inset'. Faz a caixa aparecer em 3D (gravado em relevo).
- cumeeira : Oposto de ' ranhura'. A margem aparece em 3D (a sair).
- sólido : Único, linha recta e sólida.
Para além dessas escolhas, não há forma de influenciar o estilo padrão da fronteira's.
Se as possibilidades existentes não forem do seu agrado, poderá* utilizar CSS3's imagem de fronteira
mas note que o suporte do navegador para isto ainda é muito manchado.