CSS Border Radius Generator
Generer CSS border-radius visuelt med live forhåndsvisning. Juster hvert hjørne individuelt eller koble dem sammen. Støtter px, % og rem. Kopier CSS-kode. Gratis nettverktøy.
Forhåndsvisning
CSS-utdata
Referanse
Hva er CSS border-radius?
CSS-egenskapen border-radius avrunder hjørnene på et elements ytre kantlinje. Du kan angi en enkelt radius for sirkulære hjørner, eller to radier for elliptiske hjørner.
border-radius-syntaks
Forkortelsen border-radius aksepterer 1 til 4 verdier. Med 1 verdi er alle hjørner like. Med 2 setter den første øvre venstre/nedre høyre og den andre øvre høyre/nedre venstre. Med 4 verdier settes hvert hjørne individuelt: øvre venstre, øvre høyre, nedre høyre, nedre venstre.
Elliptiske hjørner
Med /-syntaksen (f.eks. border-radius: 50% / 30%) kan du definere forskjellige horisontale og vertikale radier for elliptiske hjørner.
Personvern
All border-radius-generering kjøres 100 % i nettleseren din. Ingen data sendes til noen server.