Jeg bruker en prikkete ramme i boksen min, for eksempel
.box {
width: 300px;
height: 200px;
border: dotted 1px #f00;
float: left;
}
Jeg ønsker å øke avstanden mellom hver prikk i rammen.
Se MDN docs for tilgjengelige verdier for border-style
:
- none : Ingen ramme, setter bredden til 0. Dette er standardverdien.
- hidden : Det samme som 'none', bortsett fra når det gjelder oppløsning av kantkonflikter for tabell elementer.
- stiplet : Serie av korte streker eller linjesegmenter.
- stiplet: Serier av prikker.
- dobbel : To rette linjer som til sammen utgjør pikselmengden definert som kantbredde.
- rille: Utskåret effekt.
- innfelt : Gjør at boksen ser ut som om den er innebygd.
- outset : Det motsatte av 'innfelt'. Får boksen til å fremstå som 3D (preget).
- ridge : Motsatt av 'rille'. Får kanten til å fremstå som 3D (kommer ut).
- solid : Enkelt, rett, heltrukken linje.
Bortsett fra disse valgene er det ikke mulig å påvirke stilen til standardrammen.
Hvis du ikke liker mulighetene som finnes der, kan du bruke CSS3's border-image
, men vær oppmerksom på at nettleserstøtten for dette fortsatt er svært mangelfull.