CSS border-bottom-right-radius egenskab

Definisjon og bruk

border-bottom-right-radius-egenskapen definerer formen på kantkroken på nederste høyre kant.

Tips:Egenskapen tillater deg å legge til runde hjørner til elementet.

Se også:

CSS3-læringskurs:CSS3 kanter

Eksempel

Legg til runde hjørner til nederste høyre hjørne av div-elementet:

div
{
border:2px solid;
border-bottom-right-radius:2em;
}

Prøv selv

CSS syntaks

border-bottom-right-radius: length|% [length|%];

Kommentarer:Lengdeverdien og prosentverdien for border-bottom-right-radius-egenskapen definerer radiusen til fjerdedelen av en ellippse (definerer formen på kantkroken) for eksterne kantkanter. Den første verdien er horisontal radius, den andre verdien er vertikal radius. Hvis den andre verdien utelates, kopieres den første verdien. Hvis lengden er null, er kantkroken rektangulær, ikke sirkulær. Prosentverdien for horisontal radius refererer til bredden på kantboksen, og prosentverdien for vertikal radius refererer til høyden på kantboksen.

Egenskapsverdi

Verdi Beskrivelse Test
length Definerer formen på nederste høyre hjørne. Test
% Definerer formen på nederste høyre hjørne med prosentverdi. Test

Teknisk detalj

Standardverdi: 0
Arv: nei
Versjon: CSS3
JavaScript syntaks: object.style.borderBottomRightRadius="5px"

Nettleserstøtte

Tallene i tabellen angiver den første nettleseren som fullt ut støtter egenskapen.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5